pax_global_header00006660000000000000000000000064136350352450014520gustar00rootroot0000000000000052 comment=01916998728959ba5e8bfa694f12d8b43ca083b5 materia-theme-20200320/000077500000000000000000000000001363503524500144745ustar00rootroot00000000000000materia-theme-20200320/.github/000077500000000000000000000000001363503524500160345ustar00rootroot00000000000000materia-theme-20200320/.github/ISSUE_TEMPLATE/000077500000000000000000000000001363503524500202175ustar00rootroot00000000000000materia-theme-20200320/.github/ISSUE_TEMPLATE/bug_report.md000066400000000000000000000020231363503524500227060ustar00rootroot00000000000000--- name: Bug report about: Create a report to help us improve title: '' labels: '' assignees: '' --- **Reporter Info** - Materia version: - GTK3 version: - Distribution (and version): - Desktop environment (and version): - Related application (and version): **Actual Issue** **Steps to Reproduce** 1. 2. 3. **Additional Info** materia-theme-20200320/.github/ISSUE_TEMPLATE/feature_request.md000066400000000000000000000003341363503524500237440ustar00rootroot00000000000000--- name: Feature request about: Suggest an idea for this project title: '' labels: '' assignees: '' --- materia-theme-20200320/.github/ISSUE_TEMPLATE/question.md000066400000000000000000000007071363503524500224140ustar00rootroot00000000000000--- name: Question about: Ask a question related to this project title: '' labels: question assignees: '' --- **Questioner Info** - Materia version: - GTK3 version: - Distribution (and version): - Desktop environment (and version): - Related application (and version): **Description** materia-theme-20200320/.gitignore000066400000000000000000000000121363503524500164550ustar00rootroot00000000000000*.pem tmp materia-theme-20200320/COPYING000066400000000000000000000432541363503524500155370ustar00rootroot00000000000000 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-20200320/HACKING.md000066400000000000000000000126051363503524500160660ustar00rootroot00000000000000## Summary - Do not edit the CSS directly, edit the source SCSS files and run `./parse-sass.sh`. - You'll need to have `sassc` installed. - Do not edit the PNG directly, edit the source SVG files and run `./render-assets.sh`. - You'll need to have `inkscape` and `optipng` installed. - To change the colors of SVG files, use a text editor instead of a image editor. ## How to tweak the theme ### SCSS Like the upstream Adwaita, to keep it maintainable it's written and processed in Sass. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the right place for a drive by stylesheet fix: File | Description :-- | :-- `_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`
`_extensions.scss` | App/extension specific stylings. You can read about Sass on its [web page](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. ### SVG In Materia, to keep it maintainable, SVG files are basically edited on text-based. So if you just want to change the colors of SVG files, it is recommended to use a **text editor** instead of a image editor. Several SVG files are used to render the PNG assets. Once you make your changes to the SVG files, run the `./render-assets.sh` script to render the PNG assets. ## How to change the color scheme ### Script To easily change the color scheme, you can use the `change_color.sh` script (or just use the [oomox](https://github.com/themix-project/oomox) app). > Originally, `change_color.sh` and `scripts/*.sh` were implemented for oomox, but you can also run it on the command line without the app. > Note: This script doesn't support Chrome extensions for now. For example, to change the color scheme to the previous Flat-Plat, run the script as follows: For `bash`: ```bash ./change_color.sh -o Flat-Plat <(echo -e "BG=F5F5F5\nFG=212121\nMATERIA_VIEW=FFFFFF\nMATERIA_SURFACE=FAFAFA\nHDR_BG=455A64\nHDR_FG=FFFFFF\nSEL_BG=42A5F5\n") ``` For `fish`: ```fish ./change_color.sh -o Flat-Plat (echo -e "BG=F5F5F5\nFG=212121\nMATERIA_VIEW=FFFFFF\nMATERIA_SURFACE=FAFAFA\nHDR_BG=455A64\nHDR_FG=FFFFFF\nSEL_BG=42A5F5\n" | psub) ``` ### Manual If you want to change the color scheme in more detail, edit the files where colors are defined. #### SCSS - `src/_sass/_color-palette.scss` - `src/_sass/_colors.scss` > Note: Do not forget to run `./parse-sass.sh` after changing the colors of SCSS files. #### SVG - `src/gtk/assets.svg` - `src/gtk-2.0/assets{,-dark}.svg` - `src/gnome-shell/assets{,-dark}/*.svg` - `src/unity/*.svg` - `src/unity/assets{,-light}/*.svg` - `src/xfwm4/assets{,-light}/*.svg` - `src/chrome/chrome-scrollbar{,-dark}/icons/*.svg` - `src/chrome/chrome-theme{,-dark,-light}/*.svg` > Note: Do not forget to run `./render-assets.sh` after changing the colors of `src/gtk/assets.svg` and `src/gtk-2.0/assets{,-dark}.svg`. #### Misc - `src/gtk-2.0/gtkrc{,-dark,-light}` - `src/metacity-1/metacity-theme-2{,-light}.xml` - `src/xfwm4/assets{,-light}/themerc` - `src/chrome/chrome-theme{,-dark,-light}/manifest.json` > Note: 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` to rebuild the themes. ## Useful Links ### Upstream theme sources - [GTK 4.0](https://gitlab.gnome.org/GNOME/gtk/tree/master/gtk/theme/Adwaita) (master) - [GTK 3](https://gitlab.gnome.org/GNOME/gtk/tree/gtk-3-24/gtk/theme/Adwaita) (3.24) - [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://gitlab.gnome.org/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-20200320/README.md000066400000000000000000000152171363503524500157610ustar00rootroot00000000000000materia-logo # Materia Materia is a [Material Design](https://material.io) theme for GNOME/GTK based desktop environments. It supports GTK 2, GTK 3, GNOME Shell, Budgie, Cinnamon, MATE, Unity, Xfce, LightDM, GDM, Chrome theme, etc. ## Previews ![widget-factory](../images/widget-factory.png?raw=true) ![widget-factory-dark](../images/widget-factory-dark.png?raw=true) ## Features Supports **ripple animations** for GTK 3: ![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 ## Supported Desktop Environments - Budgie `>=10.4` - Cinnamon `>=3.x` - GNOME Shell `>=3.26` - MATE `>=1.14` - Unity `>=7.4` - Xfce `>=4.13` ## Unsupported - Downstream customized GNOME sessions > e.g. "Ubuntu" session, "Pop" session. To properly use Materia on GNOME Shell, please install `gnome-session` and then switch to "GNOME" or "GNOME on Xorg" session from your display manager. - elementary apps > Because they are based on [their own stylesheet](https://github.com/elementary/stylesheet) that conflicts with GTK standards. ## Requirements - GTK `>=3.20` - `gnome-themes-extra` (or `gnome-themes-standard`) - 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. - `bc` — build dependency ## Installation ### Distro Packages Distro | Package Name | Annotation --- | --- | --- Arch Linux | `materia-gtk-theme` | [Link](https://www.archlinux.org/packages/community/any/materia-gtk-theme/) Debian 10 or later | `materia-gtk-theme` | [Link](https://packages.debian.org/materia-gtk-theme) Fedora | `materia-gtk-theme` | Available from [@LaurentTreguier's Copr](https://copr.fedorainfracloud.org/coprs/tcg/themes) Solus | `materia-gtk-theme` | [Link](https://dev.getsol.us/source/materia-gtk-theme/) Ubuntu 18.04 or later | `materia-gtk-theme` | [Link](https://packages.ubuntu.com/materia-gtk-theme) **Warning:** **Ubuntu disco (19.04) & eoan (19.10)** packages are very outdated and incompatible with GNOME 3.32 or later! If you are using GNOME on Ubuntu, you should _manually_ install the theme. > Note: Some distro packages (especially Ubuntu ones) may be outdated and incompatible with your desktop environment. You can check the latest version [here](https://github.com/nana-4/materia-theme/releases). ### Flatpak All 6 variants are available via Flathub: ``` flatpak remote-add --if-not-exists flathub https://dl.flathub.org/repo/flathub.flatpakrepo flatpak install flathub org.gtk.Gtk3theme.Materia{,-dark,-light}{,-compact} ``` ### Manual Installation Run the following commands in the terminal: ```sh git clone --depth 1 https://github.com/nana-4/materia-theme cd materia-theme sudo ./install.sh ``` > Tip: `./install.sh` allows the following options: ``` -d, --dest DIR Specify destination directory (Default: /usr/share/themes) -n, --name NAME Specify theme name (Default: Materia) -c, --color VARIANT... Specify color variant(s) [standard|dark|light] (Default: All variants) -s, --size VARIANT Specify size variant [standard|compact] (Default: All variants) -g, --gdm Install and apply GDM theme (for advanced users) See also: src/gnome-shell/README.md -h, --help Show help ``` > For more information, run: `./install.sh --help` ### Manual Uninstallation Delete the installed directories: ```sh sudo rm -rf /usr/share/themes/Materia{,-dark,-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` (= 13px at 96dpi) or `10.5` (= 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 [`gnome-shell/README.md`](src/gnome-shell/README.md) for details. ## Customization Materia can be customized with GUI application, [**oomox theme designer**](https://github.com/themix-project/oomox). Materia also allows you to change the color scheme relatively easily in other ways. See [`HACKING.md`](HACKING.md#how-to-change-the-color-scheme) 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 at [`TODO.md`](TODO.md). ## Related Projects - [**Materia KDE**](https://github.com/PapirusDevelopmentTeam/materia-kde) by @PapirusDevelopmentTeam - [**Materia VSCode Theme**](https://marketplace.visualstudio.com/items?itemName=m-thorsen.vscode-materia) by @m-thorsen - [**Materia Kolorizer**](https://github.com/DarthWound/materia-kolorizer) by @DarthWound - [**oomox theme designer**](https://github.com/themix-project/oomox) by @themix-project ## 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/themix-project/oomox). - @n3oxmind who helped improve the installation script. - @smurphos who made and provided the Cinnamon theme for Materia. Also thank you to all contributors and upstream developers. materia-theme-20200320/TODO.md000066400000000000000000000017521363503524500155700ustar00rootroot00000000000000## General - Use `make` or `meson` for building? (`help wanted`) ## Supports - GTK 4 - [Firefox theme](../../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 Quantum UI looks well-integrated with Materia? - [Xfce theme](../../issues/60) - [Pantheon theme](../../issues/69) - [Openbox theme](../../issues/254) - [GtkSourceView theme](../../issues/150) - [Color scheme for GNOME Terminal](../../issues/157) - [Cursor theme](../../issues/156) (`low priority`) - Overlay scrollbar extension for Chrome/Chromium (`low priority`) ## Style changes - [Make gtk2 check/radio buttons a bit smaller for Qt apps](../../issues/106) - [Use `#757575` as check/radio buttons color for some web interfaces](../../issues/123) (if possible) - [Make compact variant more compact](../../issues/79) (WIP) - Rework the focus state styles (WIP) - Polish Inkscape (using gtk3) styling materia-theme-20200320/change_color.sh000077500000000000000000000222651363503524500174650ustar00rootroot00000000000000#!/usr/bin/env bash # shellcheck disable=SC1090 #set -x set -ueo pipefail SRC_PATH="$(readlink -f "$(dirname "$0")")" darker() { "$SRC_PATH/scripts/darker.sh" "$@" } mix() { "$SRC_PATH/scripts/mix.sh" "$@" } is_dark() { hexinput="$(tr '[:lower:]' '[:upper:]' <<< "$1")" half_darker="$(darker "$hexinput" 88)" [[ "$half_darker" == "000000" ]] } print_usage() { echo "usage: $0 [-t TARGET_DIR] [-o OUTPUT_THEME_NAME] [-p PATH_LIST] PATH_TO_PRESET" echo "examples:" # shellcheck disable=SC2028 # This is meant to be usage text. echo " $0 -o my-theme-name <(echo -e \"ROUNDNESS=0\\nBG=d8d8d8\\nFG=101010\\nHDR_BG=3c3c3c\\nHDR_FG=e6e6e6\\nSEL_BG=ad7fa8\\nMATERIA_VIEW=ffffff\\nMATERIA_SURFACE=f5f5f5\\nMATERIA_STYLE_COMPACT=True\\n\")" echo " $0 -t ~/.themes ../colors/retro/twg" echo " $0 --hidpi True ../colors/retro/clearlooks" exit 1 } while [[ "$#" -gt 0 ]]; do case "$1" in -p|--path-list) CUSTOM_PATHLIST="$2" shift ;; -t|--target) TARGET_DIR="$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/_sass/_colors.scss' './src/chrome' './src/cinnamon' './src/cinnamon/assets' './src/gnome-shell' './src/gtk/assets.svg' './src/gtk-2.0/assets.svg' './src/gtk-2.0/assets-dark.svg' './src/gtk-2.0/gtkrc' './src/gtk-2.0/gtkrc-dark' './src/gtk-2.0/gtkrc-light' './src/metacity-1' './src/unity' './src/xfwm4' ) if [[ -n "${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=$(tr '[:upper:]' '[:lower:]' <<< "${OPTION_GTK2_HIDPI-False}") 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" ]] && grep -q "no-jokes" <<< "$*"; then echo -e "\\n\\nError patching uxtheme.dll\\n\\n" BG=C0C0C0 MATERIA_SURFACE=C0C0C0 FG=000000 MATERIA_PANEL_OPACITY=1 HDR_BG=C0C0C0 HDR_FG=000000 SEL_BG=000080 MATERIA_VIEW=FFFFFF fi # Migration: HDR_BG=${HDR_BG-$MENU_BG} HDR_FG=${HDR_FG-$MENU_FG} MATERIA_VIEW=${MATERIA_VIEW-$TXT_BG} MATERIA_SURFACE=${MATERIA_SURFACE-$BTN_BG} GNOME_SHELL_PANEL_OPACITY=${GNOME_SHELL_PANEL_OPACITY-0.6} MATERIA_PANEL_OPACITY=${MATERIA_PANEL_OPACITY-$GNOME_SHELL_PANEL_OPACITY} MATERIA_STYLE_COMPACT=$(tr '[:upper:]' '[:lower:]' <<< "${MATERIA_STYLE_COMPACT-False}") MATERIA_COLOR_VARIANT=$(tr '[:upper:]' '[:lower:]' <<< "${MATERIA_COLOR_VARIANT:-}") SPACING=${SPACING-3} ROUNDNESS=${ROUNDNESS-4} # shellcheck disable=SC2034 # will this be used in the future? ROUNDNESS_GTK2_HIDPI=$(( ROUNDNESS * 2 )) MATERIA_PANEL_OPACITY=${MATERIA_PANEL_OPACITY-0.6} MATERIA_SELECTION_OPACITY=${MATERIA_SELECTION_OPACITY-0.32} INACTIVE_FG=$(mix "$FG" "$BG" 0.75) INACTIVE_MATERIA_VIEW=$(mix "$MATERIA_VIEW" "$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} TARGET_DIR=${TARGET_DIR-$HOME/.themes} OUTPUT_THEME_NAME=${OUTPUT_THEME_NAME-oomox-$THEME} DEST_PATH="$TARGET_DIR/${OUTPUT_THEME_NAME/\//-}" if [[ "$SRC_PATH" == "$DEST_PATH" ]]; then echo "can't do that" exit 1 fi tempdir=$(mktemp -d) post_clean_up() { rm -r "$tempdir" || : } trap post_clean_up EXIT SIGHUP SIGINT SIGTERM cp -r "$SRC_PATH/"* "$tempdir/" cd "$tempdir" # autodetection which color variant to use if [[ -z "$MATERIA_COLOR_VARIANT" ]]; then if is_dark "$BG"; then echo "== Dark background color detected. Setting color variant to dark." MATERIA_COLOR_VARIANT="dark" elif is_dark "$HDR_BG"; then echo "== Dark headerbar background color detected. Setting color variant to standard." MATERIA_COLOR_VARIANT="standard" else echo "== Light background color detected. Setting color variant to light." MATERIA_COLOR_VARIANT="light" fi fi echo "== Converting theme into template..." for FILEPATH in "${PATHLIST[@]}"; do if [[ "$MATERIA_COLOR_VARIANT" != "dark" ]]; then find "$FILEPATH" -type f -not -name '_color-palette.scss' -exec sed -i'' \ -e '/color-surface/{n;s/#FFFFFF/%MATERIA_SURFACE%/g}' \ -e '/color-base/{n;s/#FFFFFF/%MATERIA_VIEW%/g}' \ -e 's/#8AB4F8/%SEL_BG%/g' \ -e 's/#1A73E8/%SEL_BG%/g' \ -e 's/#000000/%FG%/g' \ -e 's/#212121/%FG%/g' \ -e 's/#BDBDBD/%INACTIVE_FG%/g' \ -e 's/#616161/%INACTIVE_FG%/g' \ -e 's/#F2F2F2/%BG%/g' \ -e 's/#FFFFFF/%MATERIA_SURFACE%/g' \ -e 's/#FFFFFF/%MATERIA_VIEW%/g' \ -e 's/#FAFAFA/%INACTIVE_MATERIA_VIEW%/g' \ -e 's/#383838/%HDR_BG%/g' \ -e 's/#303030/%HDR_BG2%/g' \ -e 's/#E0E0E0/%HDR_BG%/g' \ -e 's/#D6D6D6/%HDR_BG2%/g' \ -e 's/Materia/%OUTPUT_THEME_NAME%/g' \ {} \; ; else find "$FILEPATH" -type f -not -name '_color-palette.scss' -exec sed -i'' \ -e 's/#1A73E8/%SEL_BG%/g' \ -e 's/#FFFFFF/%FG%/g' \ -e 's/#EEEEEE/%FG%/g' \ -e 's/#BDBDBD/%INACTIVE_FG%/g' \ -e 's/#181818/%BG%/g' \ -e 's/#343434/%MATERIA_SURFACE%/g' \ -e 's/#242424/%MATERIA_VIEW%/g' \ -e 's/#242424/%INACTIVE_MATERIA_VIEW%/g' \ -e 's/#2d2d2d/%HDR_BG%/g' \ -e 's/#242424/%HDR_BG2%/g' \ -e 's/Materia/%OUTPUT_THEME_NAME%/g' \ {} \; ; fi done #Not implemented yet: #-e 's/%SPACING%/'"$SPACING"'/g' \ # shellcheck disable=SC2016 sed -i -e 's/^$corner-radius: .px/$corner-radius: '"$ROUNDNESS"'px/g' ./src/_sass/_variables.scss if [[ "${DEBUG:-}" ]]; then echo "You can debug TEMP DIR: $tempdir, press [Enter] when finished"; read -r 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/%SEL_BG%/#'"$SEL_BG"'/g' \ -e 's/%SEL_BG2%/#'"$(darker $SEL_BG -20)"'/g' \ -e 's/%MATERIA_VIEW%/#'"$MATERIA_VIEW"'/g' \ -e 's/%HDR_BG%/#'"$HDR_BG"'/g' \ -e 's/%HDR_BG2%/#'"$(darker $HDR_BG 10)"'/g' \ -e 's/%HDR_BG3%/#'"$(darker $HDR_BG 20)"'/g' \ -e 's/%HDR_FG%/#'"$HDR_FG"'/g' \ -e 's/%MATERIA_SURFACE%/#'"$MATERIA_SURFACE"'/g' \ -e 's/%SPACING%/'"$SPACING"'/g' \ -e 's/%INACTIVE_FG%/#'"$INACTIVE_FG"'/g' \ -e 's/%INACTIVE_MATERIA_VIEW%/#'"$INACTIVE_MATERIA_VIEW"'/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/%MATERIA_SELECTION_OPACITY%/'"$MATERIA_SELECTION_OPACITY"'/g' \ -e 's/%MATERIA_PANEL_OPACITY%/'"$MATERIA_PANEL_OPACITY"'/g' \ -e 's/%OUTPUT_THEME_NAME%/'"$OUTPUT_THEME_NAME"'/g' \ {} \; ; done if [[ "$MATERIA_COLOR_VARIANT" == "standard" ]]; then COLOR_VARIANTS="," COLOR_VARIANT="standard" fi if [[ "$MATERIA_COLOR_VARIANT" == "light" ]]; then COLOR_VARIANTS="-light" COLOR_VARIANT="light" fi if [[ "$MATERIA_COLOR_VARIANT" == "dark" ]]; then COLOR_VARIANTS="-dark" COLOR_VARIANT="dark" 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:-"$HOME/.config"} 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 [[ "$MATERIA_STYLE_COMPACT" == "true" ]]; then SIZE_VARIANTS="-compact" SIZE_VARIANT="compact" else SIZE_VARIANTS="," SIZE_VARIANT="standard" fi SIZE_VARIANTS="$SIZE_VARIANTS" COLOR_VARIANTS="$COLOR_VARIANTS" THEME_DIR_BASE="$DEST_PATH" ./parse-sass.sh # NOTE we use the functions we already have in render-assets.sh echo "== Rendering GTK 2 assets..." if [[ "$MATERIA_COLOR_VARIANT" != "dark" ]]; then GTK2_HIDPI="$OPTION_GTK2_HIDPI" ./render-assets.sh gtk2-light else GTK2_HIDPI="$OPTION_GTK2_HIDPI" ./render-assets.sh gtk2-dark fi echo "== Rendering GTK 3 assets..." ./render-assets.sh gtk ./install.sh --dest "$TARGET_DIR" --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-20200320/install.sh000077500000000000000000000216451363503524500165110ustar00rootroot00000000000000#!/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.0') GS_VERSIONS=('3.26' '3.28' '3.30' '3.32' '3.34' '3.36') LATEST_GS_VERSION="${GS_VERSIONS[-1]}" if test -z "${GS_VERSION:-}"; then # Set a proper gnome-shell theme version if command -v gnome-shell >/dev/null; then CURRENT_GS_VERSION="$(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f -2)" for version in "${GS_VERSIONS[@]}"; do if (( "$(bc <<< "$CURRENT_GS_VERSION <= $version")" )); then GS_VERSION="$version" break else GS_VERSION="$LATEST_GS_VERSION" fi done else GS_VERSION="$LATEST_GS_VERSION" fi fi usage() { cat << EOF Usage: $0 [OPTION]... OPTIONS: -d, --dest DIR Specify destination directory (Default: $DEST_DIR) -n, --name NAME Specify theme name (Default: $THEME_NAME) -c, --color VARIANT... Specify color variant(s) [standard|dark|light] (Default: All variants) -s, --size VARIANT Specify size variant [standard|compact] (Default: All variants) -g, --gdm Install and apply GDM theme (for advanced users) See also: src/gnome-shell/README.md -h, --help Show help INSTALLATION EXAMPLES: Install all theme variants into ~/.themes $0 --dest ~/.themes Install all theme variants including GDM theme $0 --gdm Install standard theme variant only $0 --color standard --size standard Install specific theme variants with different name into ~/.themes $0 --dest ~/.themes --name MyTheme --color light dark --size compact EOF } 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" # SC2115: Protect /. [[ -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/cinnamon" cp -r "$SRC_DIR/cinnamon/assets" "$THEME_DIR/cinnamon" cp -r "$SRC_DIR/cinnamon/thumbnail.png" "$THEME_DIR/cinnamon" cp -r "$SRC_DIR/cinnamon/cinnamon$color$size.css" "$THEME_DIR/cinnamon/cinnamon.css" 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/icons" "$THEME_DIR/gnome-shell" cp -r "$SRC_DIR/gnome-shell/README.md" "$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" 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 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" done mkdir -p "$THEME_DIR/metacity-1" cp -r "$SRC_DIR/metacity-1/"{assets,metacity-theme-3.xml} "$THEME_DIR/metacity-1" cp -r "$SRC_DIR/metacity-1/metacity-theme-2${ELSE_LIGHT:-}.xml" "$THEME_DIR/metacity-1/metacity-theme-2.xml" mkdir -p "$THEME_DIR/plank" cp -r "$SRC_DIR/plank/dock.theme" "$THEME_DIR/plank" 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" } # Bakup and install files related to GDM theme install_gdm() { local THEME_DIR="$1/$2$3$4" local GS_THEME_FILE="/usr/share/gnome-shell/gnome-shell-theme.gresource" local UBUNTU_THEME_FILE="/usr/share/gnome-shell/theme/ubuntu.css" if [[ -f "$GS_THEME_FILE" ]] && command -v glib-compile-resources >/dev/null; then echo "Installing '$GS_THEME_FILE'..." cp -an "$GS_THEME_FILE" "$GS_THEME_FILE.bak" glib-compile-resources \ --sourcedir="$THEME_DIR/gnome-shell" \ --target="$GS_THEME_FILE" \ "$THEME_DIR/gnome-shell/gnome-shell-theme.gresource.xml" else echo echo "ERROR: Failed to install '$GS_THEME_FILE'" exit 1 fi if [[ -f "$UBUNTU_THEME_FILE" ]]; then echo "Installing '$UBUNTU_THEME_FILE'..." cp -an "$UBUNTU_THEME_FILE" "$UBUNTU_THEME_FILE.bak" cp -af "$THEME_DIR/gnome-shell/gnome-shell.css" "$UBUNTU_THEME_FILE" fi } colors=() sizes=() while [[ "$#" -gt 0 ]]; do case "${1:-}" in -d|--dest) dest="$2" mkdir -p "$dest" shift 2 ;; -n|--name) _name="$2" shift 2 ;; -g|--gdm) gdm='true' shift 1 ;; -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 if [[ "${#colors[@]}" -eq 0 ]] ; then colors=("${COLOR_VARIANTS[@]}") fi if [[ "${#sizes[@]}" -eq 0 ]] ; then sizes=("${SIZE_VARIANTS[@]}") fi for color in "${colors[@]}"; do for size in "${sizes[@]}"; do install "${dest:-$DEST_DIR}" "${_name:-$THEME_NAME}" "$color" "$size" done done if [[ "${gdm:-}" == 'true' ]]; then install_gdm "${dest:-$DEST_DIR}" "${_name:-$THEME_NAME}" "$color" "$size" fi echo echo "Done." materia-theme-20200320/parse-sass.sh000077500000000000000000000022161363503524500171150ustar00rootroot00000000000000#!/bin/bash set -ueo pipefail if [[ ! "$(command -v sassc)" ]]; then echo "'sassc' needs to be installed to generate the CSS." exit 1 fi SASSC_OPT=('-M' '-t' 'expanded') _COLOR_VARIANTS=('' '-dark' '-light') _SIZE_VARIANTS=('' '-compact') GTK_VERSIONS=('3.0') GS_VERSIONS=('3.26' '3.28' '3.30' '3.32' '3.34' '3.36') if [[ -n "${COLOR_VARIANTS:-}" ]]; then IFS=', ' read -r -a _COLOR_VARIANTS <<< "${COLOR_VARIANTS:-}" fi if [[ -n "${SIZE_VARIANTS:-}" ]]; then IFS=', ' read -r -a _SIZE_VARIANTS <<< "${SIZE_VARIANTS:-}" fi echo "== Generating the CSS..." for color in "${_COLOR_VARIANTS[@]}"; do for size in "${_SIZE_VARIANTS[@]}"; do for version in "${GTK_VERSIONS[@]}"; do sassc "${SASSC_OPT[@]}" "src/gtk/$version/gtk$color$size."{scss,css} done for version in "${GS_VERSIONS[@]}"; do sassc "${SASSC_OPT[@]}" "src/gnome-shell/$version/gnome-shell$color$size."{scss,css} done sassc "${SASSC_OPT[@]}" "src/cinnamon/cinnamon$color$size."{scss,css} 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-20200320/render-assets.sh000077500000000000000000000016121363503524500176120ustar00rootroot00000000000000#!/bin/bash set -ueo pipefail if [[ ! "$(command -v inkscape || command -v rendersvg)" ]]; then echo "'inkscape' or 'resvg' needs to be installed to generate the PNG." exit 1 fi if [[ ! "$(command -v optipng)" ]]; then echo "'optipng' needs to be installed to optimize the resulting PNG." fi chrome() ( cd src/chrome ./render-assets.sh ) gtk() ( cd src/gtk ./render-assets.sh ) gtk2_light() ( cd src/gtk-2.0 ./render-assets.sh light ) gtk2_dark() ( cd src/gtk-2.0 ./render-assets.sh dark ) case "${1:-}" in "") chrome gtk gtk2_light gtk2_dark ;; chrome) chrome ;; gtk) gtk ;; gtk2) gtk2_light gtk2_dark ;; gtk2-light) gtk2_light ;; gtk2-dark) gtk2_dark ;; *) echo "Unknown argument '$1'" echo "Use 'chrome', 'gtk', 'gtk2', 'gtk2-light' or 'gtk2-dark' as an argument." exit 1 ;; esac materia-theme-20200320/scripts/000077500000000000000000000000001363503524500161635ustar00rootroot00000000000000materia-theme-20200320/scripts/darker.sh000077500000000000000000000012251363503524500177720ustar00rootroot00000000000000#!/usr/bin/env bash set -ueo pipefail #set -x darker_channel() { value="$1" light_delta="$2" result="$(bc <<< "ibase=16; $value - $light_delta")" if [[ "$result" -lt 0 ]]; then result=0 fi if [[ "$result" -gt 255 ]]; then result=255 fi echo "$result" } darker() { hexinput="$(tr '[:lower:]' '[:upper:]' <<< "$1")" light_delta="${2-10}" a="$(cut -c-2 <<< "$hexinput")" b="$(cut -c3-4 <<< "$hexinput")" c="$(cut -c5-6 <<< "$hexinput")" 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-20200320/scripts/mix.sh000077500000000000000000000015661363503524500173270ustar00rootroot00000000000000#!/usr/bin/env bash set -ueo pipefail #set -x mix_channel() { value1="$(printf '%03d' "0x$1")" value2="$(printf '%03d' "0x$2")" ratio="$3" result="$(bc <<< "scale=0; ($value1 * 100 * $ratio + $value2 * 100 * (1 - $ratio)) / 100")" if [[ "$result" -lt 0 ]]; then result=0 elif [[ "$result" -gt 255 ]]; then result=255 fi echo "$result" } mix() { hexinput1="$(tr '[:lower:]' '[:upper:]' <<< "$1")" hexinput2="$(tr '[:lower:]' '[:upper:]' <<< "$2")" ratio="${3-0.5}" a="$(cut -c-2 <<< "$hexinput1")" b="$(cut -c3-4 <<< "$hexinput1")" c="$(cut -c5-6 <<< "$hexinput1")" d="$(cut -c-2 <<< "$hexinput2")" e="$(cut -c3-4 <<< "$hexinput2")" f="$(cut -c5-6 <<< "$hexinput2")" 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-20200320/src/000077500000000000000000000000001363503524500152635ustar00rootroot00000000000000materia-theme-20200320/src/_sass/000077500000000000000000000000001363503524500163735ustar00rootroot00000000000000materia-theme-20200320/src/_sass/_color-palette.scss000066400000000000000000000136631363503524500222120ustar00rootroot00000000000000// Based on 2014 Material Design color palettes: // https://material.io/design/color/#tools-for-picking-colors // 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-20200320/src/_sass/_colors.scss000066400000000000000000000144071363503524500207360ustar00rootroot00000000000000// 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})"); } // Determine whether the color is "light" or "dark". @function tone($color) { @if $color == "dark" or $color == "light" { @return $color; } // Calculate color brightness as per https://www.w3.org/TR/AERT/#color-contrast $brightness: (red($color) * 299 + green($color) * 587 + blue($color) * 114) / 1000; @if $brightness >= 128 { @return "light"; } @else { @return "dark"; } } // Determine whether to use dark or light color on top of given color // to meet accessibility standards for contrast. @function on($color, $type: text) { $contrast-tone: if(tone($color) == "dark", "light", "dark"); @if not map-has-key(map-get($on-colors, $contrast-tone), $type) { @error "Invalid type: '#{$type}'"; } @return map-get(map-get($on-colors, $contrast-tone), $type); } $on-colors: ( dark: ( primary: #1A73E8, error: #D93025, text: rgba(black, .87), text2: rgba(black, .6), text-disabled: rgba(black, .38), text2-disabled: rgba(black, .26), stroke: rgba(black, .26), stroke-disabled: rgba(black, .12), divider: rgba(black, .12), fill: rgba(black, .08), entry-fill: rgba(black, .04) ), light: ( primary: #8AB4F8, error: #F28B82, text: white, text2: rgba(white, .7), text-disabled: rgba(white, .5), text2-disabled: rgba(white, .3), stroke: rgba(white, .3), stroke-disabled: rgba(white, .12), divider: rgba(white, .12), fill: rgba(white, .08), entry-fill: rgba(white, .04) ) ); // Determine the strength of highlight on top of given color. @function highlight($color) { @if lightness($color) >= 80% { @return rgba(white, .4); } @else if lightness($color) >= 40% { @return rgba(white, .2); } @else { @return rgba(white, .1); } } // Make translucent color opaque by blending with the background color. @function opacify($color, $bg) { @return mix(change-color($color, $alpha: 1), $bg, alpha($color) * 100%); } // Private variables for dark background colors $-dark-background: #181818; $-dark-surface-1dp: mix(white, $-dark-background, 5%); $-dark-surface-4dp: mix(white, $-dark-background, 9%); $-dark-surface-8dp: mix(white, $-dark-background, 12%); $-dark-surface-switch: mix(white, $-dark-background, 60%); // // Main colors // $primary: if($variant == 'light', on(light, primary), on(dark, primary)); $background: if($variant == 'light', #F2F2F2, $-dark-background); $surface: if($variant == 'light', #FFFFFF, $-dark-surface-8dp); $switch-surface: if($variant == 'light', #FFFFFF, $-dark-surface-switch); // Special case for switches $base: if($variant == 'light', #FFFFFF, $-dark-surface-1dp); // semi-surface with 1dp elevation $base-alt: if($variant == 'light', #FAFAFA, $-dark-surface-1dp); $error: if($variant == 'light', on(light, error), on(dark, error)); $warning: if($variant == 'light', #F4B400, #FDD633); $success: if($variant == 'light', #0F9D58, #81C995); $visited: if($variant == 'light', $purple-500, $purple-200); $os-background: $-dark-background; $tooltip: rgba(#616161, .9); $scrim: rgba(black, .6); $scrim-alt: rgba(black, .3); $panel: if($topbar == 'dark', #1F1F1F, $scrim); $panel-solid: if($topbar == 'dark', #1F1F1F, #CCCCCC); // for Unity panel which doesn't allow translucent colors $titlebar: if($topbar == 'dark', if($variant == 'light', #383838, $-dark-surface-4dp), #E0E0E0); $titlebar-backdrop: if($topbar == 'dark', if($variant == 'light', #303030, $-dark-surface-1dp), #D6D6D6); $titlebar-indicator: if($topbar == 'dark', currentColor, $primary); // // Overlay state colors // $overlay-hover-opacity: .08; $overlay-focus-opacity: .08; $overlay-active-opacity: .12; $overlay-checked-opacity: .12; $overlay-selected-opacity: .24; $overlay-hover: gtkalpha(currentColor, .08); $overlay-focus: gtkalpha(currentColor, .08); $overlay-focus-hover: gtkalpha(currentColor, .16); $overlay-active: gtkalpha(currentColor, .12); $overlay-checked: gtkalpha(currentColor, .12); $overlay-selected: rgba($primary, .24); // // “On” colors // $base-fg: if($variant == 'light', black, white); $text: rgba($base-fg, .87); $text2: rgba($base-fg, .6); $text-disabled: rgba($base-fg, .38); $text2-disabled: rgba($base-fg, .26); $stroke: rgba($base-fg, .26); $stroke-disabled: rgba($base-fg, .12); $divider: rgba($base-fg, .12); $fill: rgba($base-fg, .08); $entry-fill: rgba($base-fg, .04); $titlebar-base-fg: if($topbar == 'dark', white, black); $titlebar-text: rgba($titlebar-base-fg, .87); $titlebar-text2: rgba($titlebar-base-fg, .6); $titlebar-text-disabled: rgba($titlebar-base-fg, .38); $titlebar-text2-disabled: rgba($titlebar-base-fg, .26); $titlebar-stroke: rgba($titlebar-base-fg, .26); $titlebar-stroke-disabled: rgba($titlebar-base-fg, .12); $titlebar-divider: rgba($titlebar-base-fg, .12); $titlebar-fill: rgba($titlebar-base-fg, .08); $titlebar-entry-fill: rgba($titlebar-base-fg, .04); materia-theme-20200320/src/_sass/_colors.scss.template000066400000000000000000000136551363503524500225540ustar00rootroot00000000000000// 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})"); } // Determine whether the color is "light" or "dark". @function tone($color) { @if $color == "dark" or $color == "light" { @return $color; } // Calculate color brightness as per https://www.w3.org/TR/AERT/#color-contrast $brightness: (red($color) * 299 + green($color) * 587 + blue($color) * 114) / 1000; @if $brightness >= 128 { @return "light"; } @else { @return "dark"; } } // Determine whether to use dark or light color on top of given color // to meet accessibility standards for contrast. @function on($color, $type: text) { $contrast-tone: if(tone($color) == "dark", "light", "dark"); @if not map-has-key(map-get($on-colors, $contrast-tone), $type) { @error "Invalid type: '#{$type}'"; } @return map-get(map-get($on-colors, $contrast-tone), $type); } $oomox-dark: if(tone(%FG%) == dark, %FG%, %BG%); // BG should be the darkest background-color in MD theory. $oomox-light: if(tone(%FG%) == light, %FG%, %MATERIA_SURFACE%); // MATERIA_SURFACE should be the lightest background-color in MD theory. $on-colors: ( dark: ( primary: %SEL_BG%, error: %TERMINAL_COLOR9%, text: $oomox-dark, text2: rgba($oomox-dark, .7), text-disabled: rgba($oomox-dark, .5), text2-disabled: rgba($oomox-dark, .3), stroke: rgba($oomox-dark, .3), stroke-disabled: rgba($oomox-dark, .12), divider: rgba($oomox-dark, .12), fill: rgba($oomox-dark, .08), entry-fill: rgba($oomox-dark, .04) ), light: ( primary: %SEL_BG%, error: %TERMINAL_COLOR9%, text: $oomox-light, text2: rgba($oomox-light, .7), text-disabled: rgba($oomox-light, .5), text2-disabled: rgba($oomox-light, .3), stroke: rgba($oomox-light, .3), stroke-disabled: rgba($oomox-light, .12), divider: rgba($oomox-light, .12), fill: rgba($oomox-light, .08), entry-fill: rgba($oomox-light, .04) ) ); // Determine the strength of highlight on top of given color. @function highlight($color) { @if lightness($color) >= 80% { @return rgba(white, .4); } @else if lightness($color) >= 40% { @return rgba(white, .2); } @else { @return rgba(white, .1); } } // Make translucent color opaque by blending with the background color. @function opacify($color, $bg) { @return mix(change-color($color, $alpha: 1), $bg, alpha($color) * 100%); } // Private variables for dark background colors $-dark-background: $oomox-dark; $-dark-surface-1dp: mix(white, $-dark-background, 5%); $-dark-surface-4dp: mix(white, $-dark-background, 9%); $-dark-surface-8dp: mix(white, $-dark-background, 12%); $-dark-surface-switch: mix(white, $-dark-background, 60%); // // Main colors // $primary: if($variant == 'light', on(light, primary), on(dark, primary)); $background: %BG%; $surface: %MATERIA_SURFACE%; $switch-surface: %MATERIA_SURFACE%; // Special case for switches $base: %MATERIA_VIEW%; $base-alt: %INACTIVE_MATERIA_VIEW%; $error: if($variant == 'light', on(light, error), on(dark, error)); $warning: %TERMINAL_COLOR11%; $success: %TERMINAL_COLOR10%; $visited: %TERMINAL_COLOR5%; $os-background: %HDR_BG3%; $tooltip: rgba(%HDR_BG%, 0.9); $scrim: rgba(black, %MATERIA_PANEL_OPACITY%); $scrim-alt: rgba(black, 0.3); $panel: if($topbar == 'dark', %HDR_BG3%, $scrim); $panel-solid: %HDR_BG3%; // for Unity panel which doesn't allow translucent colors $titlebar: %HDR_BG%; $titlebar-backdrop: %HDR_BG2%; $titlebar-indicator: if($topbar == 'dark', currentColor, $primary); // // Overlay state colors // $overlay-hover-opacity: .08; $overlay-focus-opacity: .08; $overlay-active-opacity: .12; $overlay-checked-opacity: .12; $overlay-selected-opacity: .24; $overlay-hover: gtkalpha(currentColor, 0.08); $overlay-focus: gtkalpha(currentColor, 0.08); $overlay-focus-hover: gtkalpha(currentColor, 0.16); $overlay-active: gtkalpha(currentColor, 0.12); $overlay-checked: gtkalpha(currentColor, 0.12); $overlay-selected: rgba($primary, %MATERIA_SELECTION_OPACITY%); // // “On” colors // $text: %FG%; $text2: rgba(%FG%, 0.7); $text-disabled: rgba(%FG%, 0.5); $text2-disabled: rgba(%FG%, 0.3); $stroke: rgba(%FG%, 0.3); $stroke-disabled: rgba(%FG%, 0.12); $divider: rgba(%FG%, 0.12); $fill: rgba(%FG%, 0.08); $entry-fill: rgba(%FG%, 0.04); $titlebar-text: %HDR_FG%; $titlebar-text2: rgba(%HDR_FG%, 0.7); $titlebar-text-disabled: rgba(%HDR_FG%, 0.5); $titlebar-text2-disabled: rgba(%HDR_FG%, 0.3); $titlebar-stroke: rgba(%HDR_FG%, 0.3); $titlebar-stroke-disabled: rgba(%HDR_FG%, 0.12); $titlebar-divider: rgba(%HDR_FG%, 0.12); $titlebar-fill: rgba(%HDR_FG%, 0.08); $titlebar-entry-fill: rgba(%HDR_FG%, 0.04); materia-theme-20200320/src/_sass/_variables.scss000066400000000000000000000057011363503524500214020ustar00rootroot00000000000000$asset-suffix: if($variant == 'dark', '-dark', ''); // // Sizes // $container-padding: if($compact == 'false', 6px, 4px); $small-size: if($compact == 'false', 24px, 24px); $medium-size: if($compact == 'false', 36px, 32px); $large-size: if($compact == 'false', 48px, 40px); $bar-size: 4px; $menuitem-size: 28px; // // Radii // $corner-radius: 4px; $circular-radius: 9999px; // // Durations // $duration: 75ms; $ripple-fade-in-duration: 225ms; $ripple-fade-out-duration: 300ms; $ripple-fade-out-opacity-duration: 1200ms; // // Timing functions // $ease: cubic-bezier(.4, 0, .2, 1); $ease-out: cubic-bezier(0, 0, .2, 1); $ease-in: cubic-bezier(.4, 0, 1, 1); $ease-in-out: cubic-bezier(.4, 0, .6, 1); // // Transition shorthands // $transition: all $duration $ease-out; $transition-shadow: box-shadow $duration $ease-out; // // Shadows // // Values are based on: // https://github.com/material-components/material-components-web/blob/master/packages/mdc-elevation/_variables.scss // NOTE: GTK 3 shadow blur less than 2px doesn't work properly, see // https://gitlab.gnome.org/GNOME/gtk/issues/511 // NOTE 2: Compared to the Web rendering, GTK seems to have a bigger blur. $shadow-z1: // 0 2px (1px * .6) -1px rgba(black, .2), 0 2px 2px -2px rgba(black, .3), // 0 1px (1px * .6) 0 rgba(black, .14), 0 1px 2px -1px rgba(black, .24), // 0 1px (3px * .6) 0 rgba(black, .12); 0 1px 2px -.6px rgba(black, .17); $shadow-z2: // 0 3px (1px * .6) -2px rgba(black, .2), 0 3px 2px -3px rgba(black, .3), // 0 2px (2px * .6) 0 rgba(black, .14), 0 2px 2px -1px rgba(black, .24), 0 1px (5px * .6) 0 rgba(black, .12); $shadow-z3: // 0 3px (3px * .6) -2px rgba(black, .2), 0 3px 2px -2px rgba(black, .2), 0 3px (4px * .6) 0 rgba(black, .14), 0 1px (8px * .6) 0 rgba(black, .12); $shadow-z4: 0 2px (4px * .6) -1px rgba(black, .2), 0 4px (5px * .6) 0 rgba(black, .14), 0 1px (10px * .6) 0 rgba(black, .12); $shadow-z6: 0 3px (5px * .6) -1px rgba(black, .2), 0 6px (10px * .6) 0 rgba(black, .14), 0 1px (18px * .6) 0 rgba(black, .12); $shadow-z8: 0 5px (5px * .6) -3px rgba(black, .2), 0 8px (10px * .6) 1px rgba(black, .14), 0 3px (14px * .6) 2px rgba(black, .12); $shadow-z12: 0 7px (8px * .6) -4px rgba(black, .2), 0 12px (17px * .6) 2px rgba(black, .14), 0 5px (22px * .6) 4px rgba(black, .12); $shadow-z16: 0 8px (10px * .6) -5px rgba(black, .2), 0 16px (24px * .6) 2px rgba(black, .14), 0 6px (30px * .6) 5px rgba(black, .12); $shadow-z24: 0 11px (15px * .6) -7px rgba(black, .2), 0 24px (38px * .6) 3px rgba(black, .14), 0 9px (46px * .6) 8px rgba(black, .12); $text-shadow: 0 1px 1px rgba(black, .2), 0 1px 2px rgba(black, .14), 0 1px 3px rgba(black, .12); // workaround for selection-mode checkboxes $icon-shadow-z2: 0 1px 1px rgba(black, .2), 0 2px 2px rgba(black, .14), 0 1px (5px * .6) rgba(black, .12); $icon-shadow-z4: 0 2px 2px rgba(black, .2), 0 4px (5px * .6) rgba(black, .14), 0 1px (10px * .6) rgba(black, .12); materia-theme-20200320/src/_sass/chrome/000077500000000000000000000000001363503524500176505ustar00rootroot00000000000000materia-theme-20200320/src/_sass/chrome/_scrollbars.scss000066400000000000000000000022121363503524500230470ustar00rootroot00000000000000::-webkit-scrollbar, ::-webkit-scrollbar-corner { width: 17px; height: 17px; border: 0 solid $divider; background-color: rgba($surface, 0.9); } ::-webkit-scrollbar:horizontal, ::-webkit-scrollbar-corner { border-top-width: 1px; } ::-webkit-scrollbar:vertical, ::-webkit-scrollbar-corner { border-left-width: 1px; } ::-webkit-scrollbar { background-clip: padding-box; } ::-webkit-scrollbar-thumb { width: 32px; height: 32px; border: 4px solid transparent; border-radius: 8px; background-color: $text-disabled; 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: $text2; } &:active { background-color: $text; } &:disabled { background-color: $text2-disabled; } } // // Workaround: Chrome does not properly load selection style of GTK theme. // ::selection { background-color: rgba(on(light, primary), 0.24); } materia-theme-20200320/src/_sass/cinnamon/000077500000000000000000000000001363503524500201755ustar00rootroot00000000000000materia-theme-20200320/src/_sass/cinnamon/_common.scss000066400000000000000000000767661363503524500225470ustar00rootroot00000000000000// defines font family and standard font size across the whole theme // em is preferred for better support for text scaling stage { @include type(body2); font-family: $font-family; color: $text; } .cinnamon-link { color: $primary; font-style: italic; &:hover { color: $primary; } } .label-shadow { color: transparent; } // themeing for various standard elements StScrollBar { padding: 0px; StButton { &#vhandle, &#hhandle { background-color: $text-disabled; border-radius: 100px; margin: 4px; &:hover { background-color: $text2; } } } StBin#trough { margin: 4px; border-radius: 100px; background-color: $divider; } } StScrollView { &.vfade { -st-vfade-offset: 32px; } &.hfade { -st-hfade-offset: 32px; } StScrollBar { min-width: 16px; min-height: 16px; } } .separator { @extend %separator-shared; } .slider { @extend %slider-shared; } #Tooltip { @include type(caption); padding: 6px 8px; color: on($tooltip); text-align: center; border-radius: $corner-radius; background-color: $tooltip; } // applet menus. Note that cinnamon versions before 3.2 uses deprecated styles // .popup-menu and .popup-menu-boxpointer. These are excluded as it is not possible // due to other upstream changes to create a universal cinnamon theme that supports pre and post cinnamon 3.2 .menu { @extend %menu-shared; min-width: 100px; margin: 4px; } // new style-classes for alternative stock menu .menu-top-box { spacing: 5px; } .menu-systembuttons-box { padding: 10px; } .popup-sub-menu { background-color: $entry-fill; } .popup-menu-arrow { icon-size: 1.14em; } // scale view right click menu .popup-combo-menu { @extend %menu-shared; padding: 8px 0; } .popup-menu-content{ padding: 8px 0; } // individual menu entries are themed here .popup-menu-item { padding: 0.4em 16px; spacing: 8px; transition-duration: $duration; &:active { background-color: $overlay-hover; color: $text; transition-duration: 0ms; } &:insensitive { color: $text-disabled; } } .popup-image-menu-item { color: $text2; } .popup-combobox-item { padding: 0.4em 16px; } // sliders and separators in menus .popup-separator-menu-item { @extend %separator-shared; } .popup-slider-menu-item { @extend %slider-shared; } .popup-device-menu-item { spacing: .5em; } .popup-inactive-menu-item { color: $text; &:insensitive { color: $text-disabled; } } .popup-subtitle-menu-item { @include type(subtitle2); } .popup-menu-icon { icon-size: 1.14em; } .popup-menu-item-dot { } .popup-submenu-menu-item:open { } .popup-alternating-menu-item:alternate { @include type(subtitle2); } // toggles in menus .toggle-switch { width: 40px; height: 20px; } .toggle-switch-us, .toggle-switch-intl { background-image: url(assets/toggle-off.svg); &:checked { background-image: url(assets/toggle-on.svg); } } .nm-menu-item-icons { spacing: .5em; icon-size: 1.14em; } // panels can be on any side of the screen // some panel item theming is specific to panel orientation and is included in this section // each panel is also split into three zones // dnd is for panel edit mode // dummy is for adding or moving panels #panel { color: $titlebar-text2; background-color: $scrim; height: 2.5em; width: 3.2em; &:highlight { background-color: $titlebar-stroke; } } .panel-dummy { background-color: rgba(255, 0, 0, 0.6); &:entered { background-color: rgba(0, 255, 0, 0.6); } } .panelLeft { spacing: 4px; &:dnd { background-color: rgba(255, 0, 0, 0.6); } &:ltr { padding-right: 4px; } &:rtl { padding-left: 4px; } &.vertical { padding: 0; &:dnd { } } } .panelCenter { spacing: 4px; &:dnd { background-color: rgba(0, 255, 0, 0.6); } &.vertical { padding-left: 0; padding-right: 0; &:dnd { } } } .panelRight { spacing: 4px; &:dnd { background-color: rgba(0, 0, 255, 0.6); } &:ltr { padding-left: 0; spacing: 0; } &:rtl { padding-right: 0; spacing: 0; } &.vertical { padding: 0; &:dnd { } } } // orientation specific panel-item theming is defined here // non orientation specific theming for panel-items is defined later in the stylesheet .panel-top { .window-list-item-box { &:hover { box-shadow: 0 3px 0 0 $primary inset; } &:active, &:checked, &:focus { &:hover { box-shadow: 0 3px 0 0 $primary inset; } } } .grouped-window-list-item-box { &:hover { box-shadow: 0 3px 0 0 $primary inset; } &:active, &:checked { &:hover { box-shadow: 0 3px 0 0 $primary inset; } } &:focus { &:hover { box-shadow: 0 3px 0 0 $primary inset; } } } .grouped-window-list-badge { margin-top: 2px; } .workspace-switcher, .workspace-graph, .workspace-button { padding: 1px 4px; } .workspace-graph, .workspace-button {; &:hover { box-shadow: 0 3px 0 0 $primary inset; } } .applet-box { padding: 0 4px; &:hover { box-shadow: 0 3px 0 0 $primary inset; } } .applet-label { } .panel-launchers .launcher:hover { box-shadow: 0 3px 0 0 $primary inset; } .applet-separator { padding: 3px 4px; } .systray:hover { box-shadow: 0 4px 0 0 $primary inset; } } .panel-bottom { .window-list-item-box { &:hover { box-shadow: 0 -3px 0 0 $primary inset; } &:active, &:checked, &:focus { &:hover { box-shadow: 0 -3px 0 0 $primary inset; } } } .grouped-window-list-item-box { &:hover { box-shadow: 0 -3px 0 0 $primary inset; } &:active, &:checked { &:hover { box-shadow: 0 -3px 0 0 $primary inset; } } &:focus { &:hover { box-shadow: 0 -3px 0 0 $primary inset; } } } .workspace-switcher, .workspace-graph, .workspace-button { padding: 1px 4px; } .workspace-graph, .workspace-button {; &:hover { box-shadow: 0 -3px 0 0 $primary inset; } } .applet-box { padding: 0 4px; &:hover { box-shadow: 0 -3px 0 0 $primary inset; } } .applet-label { } .panel-launchers .launcher:hover { box-shadow: 0 -3px 0 0 $primary inset; } .applet-separator { padding: 3px 4px; } .systray:hover { box-shadow: 0 4px 0 0 $primary inset; } } .panel-left { .window-list-item-box { &:hover { box-shadow: 3px 0 0 0 $primary inset; } &:active, &:checked, &:focus { &:hover { box-shadow: 3px 0 0 0 $primary inset; } } } .grouped-window-list-item-box { &:hover { box-shadow: 3px 0 0 0 $primary inset; } &:active, &:checked { &:hover { box-shadow: 3px 0 0 0 $primary inset; } } &:focus { &:hover { box-shadow: 3px 0 0 0 $primary inset; } } } .grouped-window-list-badge { margin-left: 2px; } .workspace-switcher, .workspace-graph, .workspace-button { padding: 4px 1px; min-height: 1.2em; } .workspace-graph, .workspace-button {; &:hover { box-shadow: 3px 0 0 0 $primary inset; } } .applet-box { padding: 4px 0; &:hover { box-shadow: 3px 0 0 0 $primary inset; } } .applet-label { } .panel-launchers .launcher:hover { box-shadow: 3px 0 0 0 $primary inset; } .applet-separator { padding: 4px 3px; } .systray:hover { box-shadow: 4px 0 0 0 $primary inset; } } .panel-right { .window-list-item-box { &:hover { box-shadow: -3px 0 0 0 $primary inset; } &:active, &:checked, &:focus { &:hover { box-shadow: -3px 0 0 0 $primary inset; } } } .grouped-window-list-item-box { &:hover { box-shadow: -3px 0 0 0 $primary inset; } &:active, &:checked { &:hover { box-shadow: -3px 0 0 0 $primary inset; } } &:focus { &:hover { box-shadow: -3px 0 0 0 $primary inset; } } } .workspace-switcher, .workspace-graph, .workspace-button { padding: 4px 1px; min-height: 1.2em; } .workspace-graph, .workspace-button {; &:hover { box-shadow: -3px 0 0 0 $primary inset; } } .applet-box { padding: 4px 0; &:hover { box-shadow: -3px 0 0 0 $primary inset; } } .applet-label { } .panel-launchers .launcher:hover { box-shadow: -3px 0 0 0 $primary inset; } .applet-separator { padding: 4px 3px; } .systray:hover { box-shadow: -4px 0 0 0 $primary inset; } } // keyboard layout applet .panel-status-button { @include type(subtitle2); -natural-hpadding: 4px; -minimum-hpadding: 4px; color: $titlebar-text2; &:hover { color: $titlebar-text; } } // used by power applet to warn of low battery .system-status-icon { icon-size: 1.14em; padding: 0; spacing: 0; &.warning { color: $warning; } &.error { color: $error; } } // a non feature - not worth themeing .panel-corner { &:active { } &:overview { } &:focus { } } // expo & scale view section #overview { spacing: 12px; } .overview-empty-placeholder { @extend %osd-info-workspace-shared; } .window-caption { @include type(caption); background-color: rgba(0, 0, 0, 0.01); color: $titlebar-text2; padding: 4px 6px; text-align: center; height: 1.5em; -cinnamon-caption-spacing: 12px; &#selected, &:focus { color: $titlebar-text; box-shadow: 0 -3px 0 0 $primary inset; } } .workspace-controls { visible-height: 32px; } .workspace-thumbnails-background { color: $titlebar-text2; background-color: on(dark, fill); border: none; padding: 8px; border-radius: $corner-radius 0 0 $corner-radius; &:rtl { border-radius: 0 $corner-radius $corner-radius 0;} } .workspace-thumbnails { spacing: 32px; } .workspace-add-button { background-image: url(assets/add-workspace.svg); height: 200px; width: 35px; transition-duration: shorter_duration; &:hover { background-image: url(assets/add-workspace-hover.svg); } &:active { background-image: url(assets/add-workspace-active.svg); } } .workspace-close-button, .window-close { background-image: url(assets/close-window.svg); height: 32px; width: 32px; -cinnamon-close-overlap: 20px; &:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); } } .window-border { border: 1px solid $divider; } .window-close-area { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: $scrim-alt; border: 1px solid $divider; border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; width: 400px; } // this is OK with solid or transparent backgrounds .expo-background { background-color: $scrim; } // this always looks better semi transparent .workspace-overview-background-shade { background-color: $scrim; } .expo-workspace-thumbnail-frame { border: 1px solid $divider; &#active { border: 1px solid $primary; } } // dialog box for the cinnamon debug utility #LookingGlassDialog { @extend %osd-panel-shared; spacing: 4px; padding: 8px; } // the calendar displayed by the calendar applet is a heavily modified menu and inherits from the .menu selectosr // indivudual elements within the menu can be themed seperately with these selectors .calendar { padding: 4px 8px; spacing-rows: 2px; spacing-columns: 4px; } // also covers the year label .datemenu-date-label { @include type(headline6); height: $menuitem-size - 2px * 2; margin: 2px; padding: 6px 16px; border-radius: $corner-radius; color: $text; text-align: center; &:focus { background-color: $divider }; } .calendar-month-label { @include type(subtitle2); height: $menuitem-size - 6px * 2; margin: 2px; padding: 6px 16px; border-radius: $corner-radius; color: $text; text-align: center; &:focus { background-color: $divider }; } .calendar-change-month-back { @extend %calendar-shared; background-image: url(assets/calendar-arrow-left.svg); &:rtl { background-image: url(assets/calendar-arrow-right.svg); } } .calendar-change-month-forward { @extend %calendar-shared; background-image: url(assets/calendar-arrow-right.svg); &:rtl { background-image: url(assets/calendar-arrow-left.svg); } } .calendar-day-base { @include type(caption); text-align: center; width: $menuitem-size; height: $menuitem-size; padding: 0; margin: 2px; border-radius: 100px; &:hover,&:focus { background-color: $titlebar-stroke; } &:active { color: on($primary); background-color: $primary; border-color: transparent; } } .calendar-week-number { @include type(caption); width: $menuitem-size - 7px; height: $menuitem-size; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: $text-disabled; text-align: center; } .calendar-day-heading { @include type(caption); width: $menuitem-size; height: $menuitem-size - 7px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: $text-disabled; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-work-day { } .calendar-nonwork-day { color: $text; } .calendar-today { font-weight: bold; border: none; } .calendar-day-with-events { color: $primary; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: $text2-disabled; 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: $text-disabled; font-size: inherit; font-weight: bold; text-align: center; } // notification system #notification { background-color: $surface; border-radius: $corner-radius; border: 1px solid $divider; padding: 8px; spacing-rows: 4px; spacing-columns: 8px; margin-from-right-edge-of-screen: 20px; width: 34em; color: $text; box-shadow: $shadow-2; &.multi-line-notification { padding-bottom: 8px; } StEntry { @extend %dialog-entry-shared; } .url-highlighter { link-color: $primary; } } // min height 159px is required to avoid stretching/distortion of notification image .notification-with-image { min-height: 159px; color: $text; } #notification-scrollview { max-height: 10em; > { .top-shadow { height: 1em; } .bottom-shadow { height: 1em; } } &:ltr > StScrollBar { padding-left: 6px; } &:rtl > StScrollBar { padding-right: 6px; } } #notification-body { spacing: 4px; } #notification-actions { spacing: 8px; } .notification-button { @extend %button-shared; } .notification-icon-button { @extend %icon-button-shared; > StIcon { icon-size: 1.5em; } } // non 3D alt-tab options #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { @extend %osd-panel-shared; transition-duration: $duration; .item-box { padding: 8px; border-radius: $corner-radius; &:selected { background-color: $divider; } } .thumbnail-box { padding: 2px; spacing: 4px; } .thumbnail { width: 256px } .separator { width: 1px; background: $divider; } } .switcher-list-item-container { spacing: 8px; } .thumbnail-scroll-gradient-left { background-gradient-direction: horizontal; background-gradient-start: rgba(51, 51, 51, 1.0); background-gradient-end: rgba(51, 51, 51, 0); border-radius: $corner-radius; border-radius-topright: 0; border-radius-bottomright: 0; width: 60px; } .thumbnail-scroll-gradient-right { background-gradient-direction: horizontal; background-gradient-start: rgba(51, 51, 51, 0); background-gradient-end: rgba(51, 51, 51, 1.0); border-radius: $corner-radius; border-radius-topleft: 0; border-radius-bottomleft: 0; width: 60px; } .switcher-arrow { border-color: rgba(0,0,0,0); color: $text2; &:highlighted { color: $text; } } .switcher-preview-backdrop { background-color: $scrim; } // hot corners animation .ripple-box { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); background-color: $primary; border-radius: 52px; } // on screen messages and input boxes .modal-dialog { @extend %osd-panel-shared; padding: 16px 20px; } .modal-dialog-button-box { spacing: 16px; } .modal-dialog-button { @extend %button-shared; } .info-osd { @extend %osd-info-workspace-shared; } // run dialog (ALT-F2) .run-dialog-label { color: $text2; padding-bottom: .4em; } .run-dialog-error-label { color: $error; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-completion-box { padding-left: 15px; } .run-dialog-entry { @extend %dialog-entry-shared; } .run-dialog { border-radius: $corner-radius; padding: 16px 20px; } // this is an full screen overlay that is displayed with any cinnamon OSD or modal dialog which needs to always be semi transparent .lightbox { background-color: $scrim-alt; } // removable media dialogs .cinnamon-mount-operation-icon { icon-size: 4.8em; } .mount-password-reask { color: $warning; } .show-processes-dialog { spacing: 24px; } .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject { @extend %dialogs-subject-shared; &:rtl { @extend %dialogs-subject-rtl-shared; } } .mount-question-dialog-subject { @extend %dialogs-subject-shared; &:rtl { @extend %dialogs-subject-rtl-shared; } } .show-processes-dialog-description { @extend %dialogs-description-shared; &:rtl { padding-right: 17px; } } .mount-question-dialog-description { @extend %dialogs-description-shared; &:rtl { padding-right: 17px; } } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; &:rtl { padding-right: 49px; padding-left: 32px; } } .show-processes-dialog-app-list-item { color: $text; &:hover { color: $text; } &: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 { } // desktop zoom feature .magnifier-zoom-region { border: 3px solid $divider; &.full-screen { border-width: 0; } } // on screen keyboard #keyboard { background-color: $scrim; } .keyboard-key { @extend %icon-button-shared; @include type(button); } .keyboard-layout { spacing: 8px; padding: 8px; } .keyboard-row { spacing: 16px; } .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: $background; border-radius: $corner-radius; box-shadow: $shadow-2; } // main menu applet .menu-favorites-box { padding: 8px; } .menu-favorites-button { padding: 0.4em 4px; &:hover { background-color: $divider; border-radius: $corner-radius; color: $text; } } .menu-categories-box { padding: 8px; } .menu-applications-inner-box { padding: 8px; } .menu-applications-outer-box { padding: 8px; border-radius: $corner-radius; } .menu-application-button { padding: 0.4em 4px; &:highlighted { font-weight: bold; } } .menu-application-button-selected { padding: 0.4em 4px; background-color: $divider; border-radius: $corner-radius; color: $text; &:highlighted { font-weight: bold; } } .menu-application-button-label { @extend %menu-button-label-shared; } .menu-category-button { padding: 0.4em 4px; } .menu-category-button-greyed { padding: 0.4em 4px; color: $text2; font-style: italic; } .menu-category-button-selected { padding: 0.4em 4px; background-color: $divider; border-radius: $corner-radius; color: $text; &:hover { } } .menu-category-button-label { @extend %menu-button-label-shared; } // in the stock menu app descriptions are shown at the base of the menu .menu-selected-app-box { padding: 8px; margin-bottom: 4px; text-align: right; &:rtl { text-align: left; } } .menu-selected-app-title { @include type(caption); } .menu-selected-app-description { @include type(caption); max-width: 150px; } // the menus search box .menu-search-box { &:ltr { padding-left: 30px; padding-bottom: 5px; padding-top: 5px; } &:rtl { padding-right: 30px; padding-bottom: 5px; padding-top: 5px; } } #menu-search-entry { @extend %dialog-entry-shared; } .menu-search-entry-icon { icon-size: 1em; padding: 0 0; color: $text-disabled; } // the window list applet. Some third party applets inherit some of this theming. .window-list-box { @include type(caption); spacing: 4px; padding: 0 3px; &.vertical { spacing: 4px; padding: 3px 0; } #appMenuIcon { } &:highlight { background: $titlebar-stroke; color: $titlebar-text; } } .window-list-item-label { } // progress was added with cinnamon 3.6 and allows compatible applications to use the window list as a progress bar .window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: $duration; &:hover { color: $titlebar-text; } &:active, &:checked, &:focus { background-color: $titlebar-stroke; color: $titlebar-text; &:hover { color: $titlebar-text; } } .progress { background-color: $success; } } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 3px; } .window-list-item-demands-attention { background-color: $titlebar; color: $titlebar-text2; } // cinnamon 3.8 will support an improved window-list-thumbnail preview which now has it's own selector .window-list-preview { background-color: $surface; border-radius: $corner-radius; padding: 10px 15px; spacing: 1em; color: $text; box-shadow: $shadow-4; } // Cinnamon 4.0 has a new grouped window list applet with it's own selectors. // Initial theme support is defined here. Some theming is defined in the panel orientation specific section above. .grouped-window-list { &-thumbnail-label { padding-left: 3px; padding-bottom: 6px; } &-number-label { @include type(caption); z-index: 99; } &-list-button-label { padding-left: 3px; } &-badge { border-radius: $circular-radius; background-color: $panel-solid; } &-thumbnail-alert { background: $warning; } &-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: $duration; &:hover { color: $titlebar-text; } &:active, &:checked { background-color: $titlebar-divider; &:hover { color: $titlebar-text; } } &:focus { background-color: $titlebar-stroke; color: $titlebar-text; &:hover { color: $titlebar-text; } } .progress { background-color: $success; } } &-item-demands-attention { background-color: $titlebar; color: $titlebar-text2; } &-thumbnail-menu { padding: 20px; border: none; border-radius: $corner-radius; color: $titlebar-text2; background: none; .item-box { padding: 8px; spacing: 2px; border-radius: $corner-radius; &:outlined { border: 2px solid $divider; color: $titlebar-text; } &:selected { background: $titlebar-divider; color: $titlebar-text; } > StBoxLayout { // icon and title &:ltr { margin: 1px 0 0 6px; } &:rtl { margin: 1px 6px 0 0; } StLabel { padding-bottom: 2px; } } > StButton { // close button &:ltr { margin: 1px 6px 0 0; } &:rtl { margin: 1px 0 0 6px; } } } .thumbnail-box { padding: 2px; } .thumbnail { width: 256px; } .separator { width: 1px; background: $divider; } } } // the sound player applet .sound-player { StButton { @extend %icon-button-shared; &:small { min-width: $small-size; min-height: $small-size; padding: 4px; StIcon { icon-size: 1em; } } StIcon { icon-size: 1.5em; } } .slider { @extend %slider-shared; height: 5px; } StBoxLayout { spacing: 0.5em; } > StBoxLayout { padding: 5px; } } .sound-player-generic-coverart { background: rgba(0,0,0,0.2); } .sound-player-overlay { background-color: $surface; min-width: 300px; padding: 12px 16px; spacing: 0.5em; color: $text2; } // workspace switcher applet simple button view .workspace-button { background-color: $panel-solid; width: 2em; height: 1em; color: $titlebar-text2; margin: 2px; &:outlined { background-color: $titlebar-stroke; color: $titlebar-text; } } // workspace switcher applet graph view .workspace-graph { background-color: $scrim; .workspace { background-color: $panel-solid; border: 1px solid $divider; &:active { background-color: $titlebar-stroke; border: 1px solid $divider; .windows { -active-window-background: rgba(255, 255, 255, 0.8); -active-window-border: rgba(0, 0, 0, 0.9); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } } .windows { -active-window-background: rgba(140, 140, 140, 0.8); -active-window-border: rgba(0, 0, 0, 0.7); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } } } // most panel launcher themeing is orientation specific .panel-launchers { padding: 0 4px; spacing: 4px; transition-duration: $duration; .launcher { background-color:rgba(0, 0, 0, 0.01); } &.vertical { padding: 4px 0; spacing: 4px; .launcher .icon-box { padding-top: 0; } } } // applets in general .applet-separator-line, .applet-separator-line-vertical { width: 2px; background: $titlebar-divider; } .applet-spacer:highlight { background: highlight($surface); } .applet-box { background-color: rgba(0, 0, 0, 0.01); color: $titlebar-text2; transition-duration: $duration; &:checked { color: $titlebar-text; .applet-label { color: $titlebar-text; } } &:hover { color: $titlebar-text; .applet-label { color: $titlebar-text; } } &:highlight { background: $titlebar-stroke; color: $titlebar-text; .applet-label { color: $titlebar-text; } } } .applet-label { @include type(subtitle2); color: $titlebar-text2; } // icon-size set to 22 to match hard-coded menu icon size - applet-icon style is used for search provider results in menu .applet-icon { color: $titlebar-text2; padding: 0; spacing: 0; icon-size: 22px; } // desklets - the base .desklet selector is for 'undecorated' desklets however some subtle background themeing is desirable // to maintain visibility irrespctive of wallpaper and to allow for the highlighting scheme to work .desklet { @include type(caption); color: $titlebar-text; border: none; box-shadow: $shadow-4; padding: 12px; background-color: $scrim-alt; border-radius: $corner-radius } // these do not inherit from .desklet .desklet-with-borders { @extend %desklet-shared; @include type(caption); background-color: $surface; border-radius: $corner-radius; &:highlight { background-color: highlight($surface); } } .desklet-with-borders-and-header { @extend %desklet-shared; @include type(caption); background-color: $surface; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; &:highlight { background-color: highlight($surface); } } .desklet-header { @include type(headline6); @extend %desklet-shared; background-color: $surface; border-radius-topleft: 2px; border-radius-topright: 2px; &:highlight { background-color: highlight($surface); } } .photoframe-box { @extend %desklet-shared; background-color: $surface; border-radius: $corner-radius; &:highlight { background-color: highlight($surface); } } .desklet-drag-placeholder { border: 2px solid $primary; background-color: $scrim-alt; border-radius: $corner-radius; } .launcher { padding: 1px; .icon-box { padding-top: 2px; } } // applet 'about' OSDs - inherits from modal dialogs .about-content { min-width: 250px; min-height: 150px; spacing: 8px; padding-bottom: 16px; } .about-title { @include type(headline6); } .about-uuid { @include type(caption); } .about-icon { padding-right: 20px; } .about-scrollBox { border: 1px solid $divider; border-radius: $corner-radius; } .about-scrollBox-innerBox { padding: 1.2em; spacing: 1.2em; } .about-description { padding-top: 4px; } .about-version { padding-left: 7px; } .workspace-osd { @extend %osd-info-workspace-shared; } .expo-workspaces-name-entry { @include type(body1); background-color: on(dark, entry-fill); color: on(dark); padding: 0 8px; selection-background-color: on(dark, stroke); selected-color: on(dark); caret-color: on(dark); text-align: center; height: $medium-size; border-radius: $corner-radius $corner-radius 0 0; -cinnamon-caption-spacing: 12px; &#selected { color: on(dark); background-color: on(dark, stroke); } &:focus { color: on(dark); box-shadow: inset 0 -2px on(dark); } &:hover { background-color: on(dark, divider); } } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .check-box { CinnamonGenericContainer { spacing: 8px; } StBin { @extend %check-box-shared; } &:focus { StBin { @extend %check-box-shared; } &:checked StBin { background-image: url(assets/checkbox.svg); } } StLabel { } &:checked StBin { background-image: url(assets/checkbox.svg); } } .radiobutton { CinnamonGenericContainer { spacing: 8px; } StBin { @extend %radiobutton-shared; } &:focus { StBin { @extend %radiobutton-shared; } &:checked StBin { background-image: url(assets/radiobutton.svg); } } StLabel { } &:checked StBin { background-image: url(assets/radiobutton.svg); } } .flashspot { background-color: $primary; } // displayed when media keys are pressed. .osd-window { @extend %osd-panel-shared; spacing: 1em; padding: 16px; .level { height: 0.7em; border-radius: 0.3em; background-color: $stroke; } .level-bar { border-radius: 0.3em; background-color: $primary; } } // on screen preview of windows tiling placement .tile-preview { @extend %tile-shared; &.snap { @extend %tile-shared-snap; } } .tile-hud { @extend %tile-shared; &.snap { @extend %tile-shared-snap; } &:top { border-top-width: 0; border-radius: 0 0 10px 10px; } &:bottom { border-bottom-width: 0; border-radius: $corner-radius $corner-radius 0 0; } &:left { border-left-width: 0; border-radius: 0 10px 10px 0; } &:right { border-right-width: 0; border-radius: 10px 0 0 10px; } &:top-left { border-top-width: 0; border-left-width: 0; border-radius: 0 0 10px 0; } &:top-right { border-top-width: 0; border-right-width: 0; border-radius: 0 0 0 10px; } &:bottom-left { border-bottom-width: 0; border-left-width: 0; border-radius: 0 10px 0 0; } &:bottom-right { border-bottom-width: 0; border-right-width: 0; border-radius: 10px 0 0 0; } } .systray { spacing: 4px; } // user-applet specific themeing - overrides applet stylesheet .user-box { padding: 0.4em 1.3em; spacing: 10px; } .user-icon { padding: 4px; border: none; } .user-label { @include type(subtitle2); color: $text; } materia-theme-20200320/src/_sass/cinnamon/_extends.scss000066400000000000000000000060701363503524500227060ustar00rootroot00000000000000%button-shared { @include button(normal); @include type(button); min-height: $medium-size; padding: 0 16px; border-radius: $corner-radius; &:focus { @include button(focus); } &:hover, &:checked { @include button(hover); } &:active { @include button(active);} &:insensitive { @include button(insensitive);} } %icon-button-shared { @include button(normal); min-height: $medium-size; min-width: $medium-size; padding: 6px; border-radius: $corner-radius; &:focus { @include button(focus); } &:hover, &:checked { @include button(hover); } &:active { @include button(active);} &:insensitive { @include button(insensitive);} } %slider-shared { height: 20px; color: $primary; -slider-height: 2px; -slider-background-color: $stroke; //background of the trough -slider-border-color: transparent; //trough border color -slider-active-background-color: $primary; //active trough fill -slider-active-border-color: transparent; //active trough border -slider-border-width: 0; -slider-handle-radius: 6px; } %separator-shared { -gradient-height: 1px; -gradient-start: $divider; -gradient-end: $divider; -margin-horizontal: 4px; height: 1.5em; } %dialog-entry-shared { @include entry(normal); width: 250px; min-height: $medium-size; padding: 0 8px; border-radius: $corner-radius $corner-radius 0 0; color: $text; caret-color: $text; selection-background-color: $overlay-selected; selected-color: $text; &:focus { @include entry(focus); padding: 0 8px; border-width: 0; color: $text; } } %desklet-shared { color: $text; border: none; padding: 12px; box-shadow: $shadow-4; } %calendar-shared { width: 16px; height: 16px; border-radius: 999px; transition-duration: $duration; &:active { background-color: $stroke;} } %menu-shared { background-color: $surface; border-radius: $corner-radius; color: $text; box-shadow: $shadow-2; } %menu-button-label-shared { &:ltr { padding-left: 4px; } &:rtl { padding-right: 4px; } } %dialogs-subject-shared { font-weight: bold; color: $text; padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } %dialogs-subject-rtl-shared { padding-left: 0; padding-right: 17px; } %dialogs-description-shared { color: $text; padding-left: 17px; width: 28em; } %check-box-shared { width: 24px; height: 24px; padding: ($medium-size - 24px) / 2; border-radius: 100px; background-image: url(assets/checkbox-off.svg); } %radiobutton-shared { width: 20px; height: 20px; padding: ($medium-size - 20px) / 2; border-radius: 100px; background-image: url(assets/radiobutton-off.svg); } %tile-shared { background-color: $scrim-alt; border: 2px solid $divider; } %tile-shared-snap { background-color: $scrim-alt; border: 2px solid $primary; } %osd-panel-shared { color: $text; background-color: $surface; border: none; border-radius: $corner-radius; padding: 12px; box-shadow: $shadow-4; } %osd-info-workspace-shared { @include type(headline6); @extend %osd-panel-shared; text-align: center; padding: 8px 10px; } materia-theme-20200320/src/_sass/cinnamon/_over-rides.scss000066400000000000000000000000251363503524500233050ustar00rootroot00000000000000//variable overrides materia-theme-20200320/src/_sass/gnome-shell/000077500000000000000000000000001363503524500206055ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gnome-shell/_components.scss000066400000000000000000000031231363503524500240250ustar00rootroot00000000000000// // Shell components stylesheets are placed in separate .scss files // in 'components' and imported into the main stylesheet in this file. // To create or update a component for the shell modify the list below. // // Primary components @import 'components/base'; @import 'components/entry'; @import 'components/button'; @import 'components/check-box'; @import 'components/switch'; @import 'components/slider'; @import 'components/scrollbar'; // Popovers @import 'components/menu/menu'; @import 'components/menu/calendar'; @import 'components/menu/message-list'; @import 'components/menu/candidate-popup'; // Notifications @import 'components/notification/notification'; @import 'components/notification/hotplug'; // Dialogs @import 'components/dialog/dialog'; @import 'components/dialog/network-dialog'; // OSDs @import 'components/osd/osd'; @import 'components/osd/switcher'; @import 'components/osd/workspace-switcher'; // Panel @import 'components/panel/panel'; @import 'components/panel/ripple-box'; // Overview @import 'components/overview/overview'; @import 'components/overview/window-picker'; @import 'components/overview/search-entry'; @import 'components/overview/search-results'; @import 'components/overview/app-grid'; @import 'components/overview/dash'; @import 'components/overview/workspace-switcher'; // A11y / misc @import 'components/misc/misc'; @import 'components/misc/a11y'; @import 'components/misc/tile-preview'; @import 'components/misc/keyboard'; @import 'components/misc/looking-glass'; // Lock / login screens @import 'components/gdm/login-dialog'; @import 'components/gdm/screen-shield'; materia-theme-20200320/src/_sass/gnome-shell/_drawing.scss000066400000000000000000000117451363503524500233040ustar00rootroot00000000000000// generic drawing of more complex things // provide font size in pt, with px fallback @function pt($size: $font-size) { @return ($size * 0.75 / 1px) * 1pt; } // provide icon size in em, with px fallback @function em($size: 16px) { @return ($size / $font-size) * 1em; } // Typography // based on: // https://material.io/design/typography/the-type-system.html @mixin type($style) { @if $style == headline1 { // font-family: $font-family-large; font-size: 96px; font-weight: 300; // line-height: 1; } @if $style == headline2 { // font-family: $font-family-large; font-size: 60px; font-weight: 300; // line-height: 1; } @if $style == headline3 { // font-family: $font-family-large; font-size: 48px; font-weight: 400; // line-height: 50px; } @if $style == headline4 { // font-family: $font-family-large; font-size: 34px; font-weight: 400; // line-height: 40px; } @if $style == headline5 { font-size: pt(24px); font-weight: 400; // line-height: 32px; } @if $style == headline6 { font-size: pt(20px); font-weight: 500; // line-height: 32px; } @if $style == subtitle1 { font-size: pt($font-size-subheading); font-weight: 400; // line-height: 28px; } @if $style == subtitle2 { font-size: pt($font-size); font-weight: 500; // line-height: 22px; } @if $style == body1 { font-size: pt($font-size-subheading); font-weight: 400; // line-height: 24px; } @if $style == body2 { font-size: pt($font-size); font-weight: 400; // line-height: 20px; } @if $style == caption { font-size: pt(12px); font-weight: 400; // line-height: 20px; } @if $style == button { font-size: pt($font-size); font-weight: 500; // line-height: 36px; } @if $style == overline { font-size: pt(12px); font-weight: 400; // line-height: 32px; } } @mixin entry($t, $fc: $primary) { // // entry // // $t: entry type // $fc: focus color // @if $t == normal { transition-duration: $duration; background-color: if($fc == $primary, $entry-fill, on(dark, entry-fill)); border-color: transparent; box-shadow: inset 0 -1px if($fc == $primary, $stroke, $fc); } @if $t == focus { border-color: transparent; box-shadow: inset 0 -2px $fc; } @if $t == hover { box-shadow: inset 0 -1px if($fc == $primary, $text, $fc); } @if $t == insensitive { color: $text-disabled; border-color: transparent; box-shadow: inset 0 -1px if($fc == $primary, $stroke-disabled, $fc); } } @mixin button($t, $c: $surface, $tc: $text) { // // button // // $t: button type // $c: base color // $tc: text color // @if $t == normal { color: $tc; background-color: $c; border-color: transparent; box-shadow: $shadow-1; text-shadow: none; icon-shadow: none; transition-duration: $duration; } @if $t == focus { color: $tc; text-shadow: none; icon-shadow: none; box-shadow: $shadow-2; } @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(0.24)); border-color: transparent; box-shadow: $shadow-2; text-shadow: none; icon-shadow: none; transition-duration: $duration-ripple; } @if $t == insensitive { color: if($tc == $text, $text-disabled, $tc); background-color: if($c == $surface, $fill, $c); border-color: transparent; box-shadow: $shadow-0; text-shadow: none; icon-shadow: none; } @if $t == flat-normal { color: if($tc != on(dark), $primary, on(dark, text2)); background-color: transparent; border-color: transparent; box-shadow: $shadow-0; text-shadow: none; icon-shadow: none; transition-duration: $duration; } @if $t == flat-focus { color: if($tc != on(dark), $primary, on(dark, text2)); background-color: if($tc != on(dark), $primary-overlay-focus, $inverse-overlay-focus); text-shadow: none; icon-shadow: none; box-shadow: $shadow-0; } @if $t == flat-hover { color: if($tc != on(dark), $primary, on(dark, text2)); background-color: if($tc != on(dark), $primary-overlay-hover, $inverse-overlay-hover); border-color: transparent; box-shadow: $shadow-0; text-shadow: none; icon-shadow: none; } @if $t == flat-active { color: if($tc != on(dark), $primary, on(dark, text2)); background-color: if($tc != on(dark), $primary-overlay-active, $inverse-overlay-active); border-color: transparent; box-shadow: $shadow-0; text-shadow: none; icon-shadow: none; transition-duration: $duration-ripple; } @if $t == flat-insensitive { color: if($tc != on(dark), $text2-disabled, on(dark, text2-disabled)); background-color: transparent; border-color: transparent; box-shadow: $shadow-0; text-shadow: none; icon-shadow: none; } } materia-theme-20200320/src/_sass/gnome-shell/_extensions.scss000066400000000000000000000060131363503524500240400ustar00rootroot00000000000000/* Dash to Dock */ #dashtodockContainer #dash { background-color: $scrim; } #dashtodockContainer:overview #dash { background-color: on(dark, fill); } #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; } // Running and focused application style #dashtodockContainer .focused .overview-icon { background-color: $overlay-checked; } // Remove background-color if the indicator style is default #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } // Default running and focused application style @each $side in "left", "right", "top", "bottom" { @for $i from 1 through 4 { @each $class, $suffix in ("": "", ".focused": "-focused") { #dashtodockContainer.#{$side} .default.running#{$i}#{$class} { background-image: url("assets/dash/#{$side}-running#{$i}#{$suffix}.svg"); } } } } /* Simple Dock */ #dash:desktop { background-color: $scrim; } /* GPaste */ .popup-menu { .search-entry { color: $text; selection-background-color: $overlay-selected; selected-color: $text; @include entry(normal); &:hover { @include entry(hover); } &:focus { @include entry(focus); color: $text; } .search-entry-icon { color: $text2; } &:hover, &:focus { .search-entry-icon { color: $text; } } } } materia-theme-20200320/src/_sass/gnome-shell/_variables.scss000066400000000000000000000040131363503524500236070ustar00rootroot00000000000000// // Font families // $font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; $font-family-large: Roboto, "M+ 1c", Cantarell, Sans-Serif; // // Font sizes // $font-size: if($compact == 'false', 14px, 14px); $font-size-subheading: if($compact == 'false', 16px, 15px); // // Override sizes // $menuitem-size: if($compact == 'false', 32px, 28px); $panel-button-hpadding: if($compact == 'false', 12px, 8px); // // Override durations; since St does not support transition-timing-function // $duration: 100ms; $duration-ripple: 200ms; $duration-panel: 250ms; // // Override shadows // // This should be none, but it's creating some issues with borders, so to // workaround it for now, use inset wich goes through a different code path. // see https://bugzilla.gnome.org/show_bug.cgi?id=752934 $shadow-0: 0 0 transparent; $shadow-1: 0 1px 1.5px rgba(black, 0.12), 0 1px 1px rgba(black, 0.24); $shadow-2: 0 3px 3px rgba(black, 0.16 * 1.5), 0 3px 3px rgba(black, 0.23 * 1.5); $shadow-3: 0 10px 10px rgba(black, 0.19 * 1.5), 0 6px 3px rgba(black, 0.23 * 1.5); $shadow-4: 0 14px 14px rgba(black, 0.25 * 2), 0 10px 5px rgba(black, 0.22 * 2); $shadow-5: 0 19px 19px rgba(black, 0.30 * 2), 0 15px 6px rgba(black, 0.22 * 2); // // Override overlay colors; since St does not support GTK-specific alpha() function // $overlay-hover: rgba($text, 0.08); $overlay-focus: rgba($text, 0.12); $overlay-focus-hover: rgba($text, 0.16); $overlay-active: rgba($text, 0.12 + 0.08); $overlay-checked: rgba($text, 0.12); $primary-overlay-hover: rgba($primary, 0.08); $primary-overlay-focus: rgba($primary, 0.12); $primary-overlay-focus-hover: rgba($primary, 0.16); $primary-overlay-active: rgba($primary, 0.12 + 0.08); $primary-overlay-checked: rgba($primary, 0.12); $inverse-overlay-hover: rgba(on(dark), 0.08); $inverse-overlay-focus: rgba(on(dark), 0.12); $inverse-overlay-focus-hover: rgba(on(dark), 0.16); $inverse-overlay-active: rgba(on(dark), 0.12 + 0.08); $inverse-overlay-checked: rgba(on(dark), 0.12); materia-theme-20200320/src/_sass/gnome-shell/components/000077500000000000000000000000001363503524500227725ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gnome-shell/components/_base.scss000066400000000000000000000026341363503524500247450ustar00rootroot00000000000000/* 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. */ // Stage stage { color: $text; @if $version >= 3.36 { font-size: 1em; } @else { @include type(body2); font-family: $font-family; } } // Links .shell-link { transition-duration: $duration; border-radius: $corner-radius; color: $primary; &:hover { background-color: rgba($primary, .08); color: $primary; } &:active { transition-duration: $duration-ripple; background-color: rgba($primary, .2); color: $primary; } } // Outline for low res icons .lowres-icon { icon-shadow: none; } // Dropshadow for large icons .icon-dropshadow { icon-shadow: none; } materia-theme-20200320/src/_sass/gnome-shell/components/_button.scss000066400000000000000000000014061363503524500253420ustar00rootroot00000000000000/* Buttons */ %button, .button { min-height: $medium-size; min-width: 64px - 8px * 2; padding: 0 8px; border: 0; border-radius: $corner-radius; @include type(button); @include button(flat-normal); &:focus { @include button(flat-focus); } &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } } // buttons in dialogs and notifications %bubble_button { @extend %button; margin: $container-padding; margin-right: 0; &:first-child, &:last-child, &:first-child:last-child { border-radius: $corner-radius; } &:last-child, &:first-child:last-child { margin-right: $container-padding; border-right-width: 0; } } materia-theme-20200320/src/_sass/gnome-shell/components/_check-box.scss000066400000000000000000000015471363503524500257000ustar00rootroot00000000000000/* Check Boxes */ .check-box { StBoxLayout { spacing: 8px; } StBin { transition-duration: $duration; width: 24px; height: 24px; padding: ($medium-size - 24px) / 2; border-radius: $medium-size / 2; } StBin, &:focus StBin { background-image: url("assets/checkbox-off.svg"); } &:focus StBin { background-color: $overlay-focus; } &:hover StBin { background-color: $overlay-hover; } &:active StBin { transition-duration: $duration-ripple; background-color: $overlay-active; } &:checked StBin, &:checked:focus StBin { background-image: url("assets/checkbox.svg"); } &:checked:focus StBin { background-color: rgba($primary, .08); } &:checked:hover StBin { background-color: rgba($primary, .08); } &:checked:active StBin { background-color: rgba($primary, .2); } } materia-theme-20200320/src/_sass/gnome-shell/components/_entry.scss000066400000000000000000000014251363503524500251710ustar00rootroot00000000000000/* Entries */ %entry, StEntry { min-height: $medium-size; padding: 0 8px; border-width: 0; border-radius: $corner-radius $corner-radius 0 0; color: $text; selection-background-color: $overlay-selected; selected-color: $text; @include type(body1); @include entry(normal); &:hover { @include entry(hover); } &:focus { @include entry(focus); @if $version == 3.34 { border: 0; } } &:insensitive { @include entry(insensitive); } StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: $warning; } StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: $text2; &:hover { color: $text; } } StLabel.hint-text { margin-left: 2px; color: $text2; } } materia-theme-20200320/src/_sass/gnome-shell/components/_scrollbar.scss000066400000000000000000000017401363503524500260130ustar00rootroot00000000000000/* 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: (8px / 2); background-color: $stroke-disabled; } StButton#vhandle, StButton#hhandle { transition-duration: $duration; margin: 4px; // would be nice to margin or at least to transparent // border: 4px solid transparent; border-radius: (8px / 2); background-color: $text-disabled; &:hover { background-color: $text2; } &:active { background-color: $text; } } } %scrollbar-on-dark { StBin#trough { background-color: on(dark, stroke-disabled); } StButton#vhandle, StButton#hhandle { background-color: on(dark, text-disabled); &:hover { background-color: on(dark, text2); } &:active { background-color: on(dark); } } } materia-theme-20200320/src/_sass/gnome-shell/components/_slider.scss000066400000000000000000000017471363503524500253210ustar00rootroot00000000000000/* Slider */ $handle-size: 12px; .slider { height: 20px; @if $version >= 3.30 { // slider trough -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: $stroke; // fill style -barlevel-active-border-color: transparent; -barlevel-active-background-color: $primary; // overfill style -barlevel-overdrive-color: $error; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; } @else { // slider trough -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: $stroke; // fill style -slider-active-border-color: transparent; -slider-active-background-color: $primary; } // slider handle -slider-handle-radius: $handle-size / 2; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; &, &:hover, &:active { color: $primary; } } materia-theme-20200320/src/_sass/gnome-shell/components/_switch.scss000066400000000000000000000003501363503524500253250ustar00rootroot00000000000000/* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); &:checked { background-image: url("assets/toggle-on.svg"); } } materia-theme-20200320/src/_sass/gnome-shell/components/dialog/000077500000000000000000000000001363503524500242315ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gnome-shell/components/dialog/_dialog.scss000066400000000000000000000212041363503524500265230ustar00rootroot00000000000000/* Modal Dialogs */ .headline { @include type(headline6); } .modal-dialog { border: 0; border-radius: $corner-radius; box-shadow: $shadow-4; background-color: $surface; color: $text; @if $version >= 3.36 { .modal-dialog-content-box { max-width: 28em; margin: 32px 40px; spacing: 32px; } } @else { .modal-dialog-content-box { padding: 24px; } } .modal-dialog-linked-button { @extend %bubble_button; } @if $version == 3.34 { StEntry { @extend %entry; } .button { @extend %button; } } } /* End Session Dialog */ @if $version >= 3.36 { .end-session-dialog { width: 30em; .end-session-dialog-battery-warning, .dialog-list-title { color: $warning; } } } @else { .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { @include type(headline6); } .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; padding-top: 6px; color: $warning; &:rtl { text-align: right; } } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: $circular-radius; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: $text2; } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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: $text2; font-size: 1em; } } /* Message Dialog */ @if $version >= 3.36 { .message-dialog-content { spacing: 18px; .message-dialog-title { @include type(headline6); text-align: inherit; &.leightweight { @include type(headline6); } } .message-dialog-description { color: $text2; text-align: inherit; } } } @else { .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: $text2; font-weight: normal; } } /* Dialog List */ .dialog-list { spacing: 18px; .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list-scrollview { max-height: 200px; } .dialog-list-box { spacing: 1em; .dialog-list-item { spacing: 1em; .dialog-list-item-title { font-weight: bold; } .dialog-list-item-description { color: $text2; font-size: 1em; } } } } /* Run Dialog */ .run-dialog { @if $version >= 3.36 { .modal-dialog-content-box { margin-top: 24px; margin-bottom: 16px; } .run-dialog-entry { width: 20em; } .run-dialog-description { text-align: inherit; color: $text2; font-size: 1em; } } @else { .run-dialog-label { padding-bottom: .4em; color: $text2; font-weight: normal; font-size: 1em; } .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: $error; } .run-dialog-button-box { padding-top: 1em; } } } /* Password or Authentication Dialog */ @if $version >= 3.36 { .prompt-dialog { width: 28em; .modal-dialog-content-box { margin-bottom: 24px; } } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; .prompt-dialog-password-entry { width: auto; // 4px (spacing) + 16px (spinner-width) &:ltr { margin-left: 20px; } &:rtl { margin-right: 20px; } } } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } } @else { .prompt-dialog { // this is the width of the entire modal popup width: 34em; .message-dialog-main-layout { spacing: 24px; padding: 10px; } .message-dialog-content { spacing: 16px; } .message-dialog-title { color: inherit; @include type(headline6); } } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; @if $version >= 3.36 { text-align: inherit; } @else { padding-bottom: 8px; } } .prompt-dialog-error-label { color: $error; } @if $version == 3.34 { .prompt-dialog-pim-box { spacing: 1em; } .prompt-dialog-grid { spacing-rows: 15px; spacing-columns: 1em; } .prompt-dialog-keyfiles-box { spacing: 1em; } .prompt-dialog-button.button { padding: 0 8px; } } /* Polkit Dialog */ .polkit-dialog-user-layout { @if $version >= 3.36 { text-align: inherit; spacing: 8px; margin-bottom: 6px; } @else { spacing: 10px; padding-left: 10px; &:rtl { padding-left: 0; padding-right: 10px; } } .polkit-dialog-user-icon { border-radius: $circular-radius; background-size: contain; @if $version <= 3.34 { width: 48px; height: 48px; } } .polkit-dialog-user-root-label { color: $warning; } } /* Audio selection dialog */ .audio-device-selection-dialog { @if $version >= 3.36 { .modal-dialog-content-box { margin-bottom: 28px; } } @else { spacing: 30px; .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: inherit; } } .audio-selection-box { spacing: 20px; } } .audio-selection-device { transition-duration: $duration; border: 0; border-radius: $corner-radius; &:focus { background-color: $overlay-focus; } &:hover { background-color: $overlay-hover; } &:active { transition-duration: $duration-ripple; background-color: $overlay-active; color: inherit; } } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } @if $version <= 3.34 { /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { @include type(headline6); } .mount-dialog { spacing: 24px; .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; &:rtl { padding-left: 0; padding-right: 17px; } } .message-dialog-body { width: 28em; padding-left: 17px; &:rtl { padding-left: 0; padding-right: 17px; } } } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; &:rtl { padding-right: 48px; padding-left: 32px; } } .mount-dialog-app-list-item { &, &:hover { color: inherit; } &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } } .mount-dialog-app-list-item-icon { &:ltr { padding-right: 16px; } &:rtl { padding-left: 16px; } } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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: $text2; font-weight: normal; } } /* 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; } } materia-theme-20200320/src/_sass/gnome-shell/components/dialog/_network-dialog.scss000066400000000000000000000023301363503524500302110ustar00rootroot00000000000000/* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } // header .nm-dialog-header { @include type(headline6); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } // list of networks .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } // list item .nm-dialog-item { transition-duration: $duration; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: $corner-radius; font-size: 1em; &:focus { background-color: $overlay-focus; } &:hover { background-color: $overlay-hover; } &:active { transition-duration: $duration-ripple; background-color: $overlay-active; } &:selected { background-color: $overlay-selected; color: $text; } } // icons in list .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } // no networks .no-networks-label { color: $text2; } .no-networks-box { spacing: 12px; } materia-theme-20200320/src/_sass/gnome-shell/components/gdm/000077500000000000000000000000001363503524500235415ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gnome-shell/components/gdm/_login-dialog.scss000066400000000000000000000123051363503524500271430ustar00rootroot00000000000000/* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { //reset border: 0; background-color: transparent; StEntry { @include entry(normal, $fc: on($os-background, stroke)); color: on($os-background); selection-background-color: on($os-background, stroke); selected-color: on($os-background); &:focus { @include entry(focus, $fc: on($os-background)); } &:insensitive { @include entry(insensitive, $fc: on($os-background, stroke-disabled)); color: on($os-background, text-disabled); } StLabel.hint-text { color: on($os-background, text2); } StIcon.peek-password { color: on($os-background, text2); &:hover { color: on($os-background); } } } .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { @include button(flat-normal, $tc: on($os-background)); &:focus { @include button(flat-focus, $tc: on($os-background)); } &:hover { @include button(flat-hover, $tc: on($os-background)); } &:active { @include button(flat-active, $tc: on($os-background)); } &:insensitive { @include button(flat-insensitive, $tc: on($os-background)); } &:default { min-width: 64px - 16px * 2; padding: 0 16px; @include button(normal, $c: $primary, $tc: on($primary)); &:focus { @include button(focus, $c: $primary, $tc: on($primary)); } &:hover { @include button(hover, $c: $primary, $tc: on($primary)); } &:active { @include button(active, $c: $primary, $tc: on($primary)); } &:insensitive { @include button(insensitive, $c: on($os-background, fill), $tc: on($os-background, text-disabled)); } } } } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: on($os-background, text2); } .login-dialog-button-box { spacing: 5px; @if $version >= 3.36 { width: 23em; } } @if $version >= 3.36 { .login-dialog-message { text-align: center; } } .caps-lock-warning-label, .login-dialog-message-warning { color: on($os-background, error); } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: on($os-background, text2); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: $duration; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: $corner-radius; color: on($os-background, text2); @include type(button); &:focus { background-color: $inverse-overlay-focus; } &:hover { background-color: $inverse-overlay-hover; } &:active { transition-duration: $duration-ripple; background-color: $inverse-overlay-active; } } .login-dialog-not-listed-label { } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; &:expanded .login-dialog-user-list-item { &:selected { background-color: $inverse-overlay-focus; } &:logged-in { border-right: 2px solid on($os-background); } } } .login-dialog-user-list-item { transition-duration: $duration; padding: 6px; border-radius: $corner-radius; color: inherit; &:focus { background-color: $inverse-overlay-focus; } &:hover { background-color: $inverse-overlay-hover; } &:active { transition-duration: $duration-ripple; background-color: $inverse-overlay-active; } &:ltr .user-widget { padding-right: 1em; } &:rtl .user-widget { padding-left: 1em; } .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: on($os-background); } } @if $version >= 3.36 { .login-dialog .user-icon StIcon { background-color: on($os-background, fill); } .user-widget-label { color: inherit; } .user-widget.horizontal .user-widget-label { padding-left: 16px; @include type(headline6); text-align: left; &:ltr { padding-left: 14px; } &:rtl { padding-right: 14px; } } .user-widget.vertical .user-widget-label { padding-top: 16px; @include type(headline5); text-align: center; } } @else { .login-dialog-username, .user-widget-label { padding-left: 16px; @include type(headline6); text-align: left; } .user-widget-label { &:ltr { padding-left: 14px; } &:rtl { padding-right: 14px; } } } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: on($os-background, text2); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: $duration; width: $medium-size; height: $medium-size; min-width: 0; min-height: 0; padding: 0; border-radius: $medium-size / 2; color: on($os-background, text2); &:focus { background-color: $inverse-overlay-focus; } &:hover { background-color: $inverse-overlay-hover; } &:active { transition-duration: $duration-ripple; background-color: $inverse-overlay-active; } StIcon { icon-size: 16px; } } materia-theme-20200320/src/_sass/gnome-shell/components/gdm/_screen-shield.scss000066400000000000000000000062701363503524500273270ustar00rootroot00000000000000/* Screen Shield */ @if $version >= 3.36 { .unlock-dialog-clock { padding-bottom: 2.5em; spacing: 24px; color: on(dark); font-weight: normal; text-align: center; } .unlock-dialog-clock-time { padding-top: 42px; @include type(headline1); font-feature-settings: "tnum"; } .unlock-dialog-clock-date { @include type(headline4); } .unlock-dialog-clock-hint { padding-top: 48px; color: on(dark, text2); font-weight: normal; } .unlock-dialog-notifications-container { width: 23em; margin: 12px 0; spacing: 6px; background-color: transparent; .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .notification, .unlock-dialog-notification-source { padding: 8px; border: 0; border-radius: $corner-radius; background-color: on(dark, entry-fill); color: on(dark); &.critical { background-color: on(dark, entry-fill); color: on(dark, error); } } } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { // min-height: $small-size; margin-right: 12px; padding: 2px 8px; border-radius: 99px; background-color: on(dark, fill); color: on(dark); // font-weight: bold; } #lockDialogGroup { background-color: $os-background; color: on($os-background); } #unlockDialogNotifications { StScrollBar { @extend %scrollbar-on-dark; } } } @else { .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: on(dark); -arrow-thickness: 12px; -arrow-shadow: $shadow-1; } .screen-shield-clock { padding-bottom: 1.5em; color: on(dark); text-shadow: $shadow-1; font-weight: normal; text-align: center; } .screen-shield-clock-time { @include type(headline1); text-shadow: $shadow-1; font-feature-settings: "tnum"; } .screen-shield-clock-date { @include type(headline4); } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .notification, .screen-shield-notification-source { padding: 8px; border: 0; border-radius: $corner-radius; background-color: $scrim-alt; color: on($scrim-alt); } // compensate for space allocated to the scrollbar .notification { margin-right: 16px; } } .screen-shield-notification-label { min-height: $small-size - 2px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: $small-size - 2px; padding: 2px 0 0 16px; color: on($scrim-alt, text2); } #lockDialogGroup { background-color: $os-background; background-repeat: repeat; color: on($os-background); } #screenShieldNotifications { StScrollBar { @extend %scrollbar-on-dark; } } } // just the shadow, really .screen-shield-background { background: black; box-shadow: $shadow-5; } materia-theme-20200320/src/_sass/gnome-shell/components/menu/000077500000000000000000000000001363503524500237365ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gnome-shell/components/menu/_calendar.scss000066400000000000000000000157061363503524500265540ustar00rootroot00000000000000/* Date/Time Menu */ $calendar-column-spacing: 8px; $calendar-column-margin: 0 8px; %calendar-item { margin: 0; border: 0; border-radius: $corner-radius; &, &:focus, &:hover, &:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: $duration; } &:focus { background-color: $overlay-focus; } &:hover { background-color: $overlay-hover; } &:active { background-color: $overlay-active; transition-duration: $duration-ripple; } } .clock-display-box { spacing: 0; .clock { padding-left: $panel-button-hpadding; padding-right: $panel-button-hpadding; } } // overall menu #calendarArea { padding: 8px 16px; } // Calendar menu side column .datemenu-calendar-column { spacing: $calendar-column-spacing; padding: 0; border: 0 solid $divider; &:ltr { margin-right: 0; border-left-width: 0; } &:rtl { margin-left: 0; border-right-width: 0; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: $calendar-column-spacing; margin: $calendar-column-margin; } } .events-section-title { @extend %calendar-item; min-height: $menuitem-size - 4px * 2; padding: 4px 8px; color: $text2 !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { @extend %calendar-item; margin: $calendar-column-margin; min-height: $menuitem-size * 2 - 4px * 2; padding: 4px 8px; // weekday label .day-label { font-weight: normal; font-size: 1em; } // date label .date-label { @include type(headline5); } } /* Calendar */ .calendar { @extend %calendar-item; margin: $calendar-column-margin; margin-bottom: 0; padding: 0; // month .calendar-month-label { transition-duration: $duration; height: $menuitem-size - 6px * 2; margin: 2px; padding: 6px 8px; border-radius: $corner-radius; color: inherit; font-weight: bold; text-align: center; &:focus { background-color: $overlay-focus; } } // prev/next month icons @if $version >= 3.32 { .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { icon-size: 16px; } } @else { .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); &:rtl { background-image: url("assets/calendar-arrow-right.svg"); } } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); &:rtl { background-image: url("assets/calendar-arrow-left.svg"); } } } .pager-button { transition-duration: $duration; width: $menuitem-size; height: $menuitem-size; margin: 2px; border-radius: $menuitem-size / 2; background-color: transparent; color: $text2; &:focus { background-color: $overlay-focus; } &:hover { background-color: $overlay-hover; } &:active { background-color: $overlay-active; transition-duration: $duration-ripple; } } .calendar-day-base { transition-duration: $duration; width: $menuitem-size; height: $menuitem-size; margin: 2px; padding: 0; border: 0; border-radius: $menuitem-size / 2; @include type(caption); font-feature-settings: "tnum"; text-align: center; &:focus { background-color: $overlay-focus; } &:hover { background-color: $overlay-hover; } &:active { transition-duration: $duration-ripple; border-color: transparent; background-color: $overlay-active; color: inherit; } &:selected { border-color: transparent; background-color: $overlay-selected; color: inherit; } // day of week heading &.calendar-day-heading { width: $menuitem-size; height: $menuitem-size - 7px; margin-top: 2px; padding: 7px 0 0; border-radius: $menuitem-size / 2; background-color: transparent; color: $text-disabled; @include type(caption); font-weight: bold; text-align: center; &:focus { background-color: $overlay-focus; } } } //border collapse hack - see calendar.js .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-work-day { } .calendar-nonwork-day { color: inherit; } // Today .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; &:focus { background-color: $overlay-focus; color: inherit; } &:hover { background-color: $overlay-hover; color: inherit; } &:active { &, &:hover, &:focus { background-color: $overlay-active; color: inherit; } } &:selected { &, &:hover, &:focus { background-color: $overlay-selected; color: inherit; } } } .calendar-day-with-events { background-image: none; color: $primary !important; font-weight: normal; text-decoration: underline; } .calendar-other-month-day { color: $text2-disabled !important; } .calendar-week-number { width: $menuitem-size; height: $menuitem-size - 7px; margin: 2px; padding: 7px 0 0; border-radius: $menuitem-size / 2; background-color: transparent; color: $text-disabled; font-weight: bold; font-size: 1em; text-align: center; } } /* World clocks */ .world-clocks-button { @extend %calendar-item; min-height: $menuitem-size - 4px * 2; padding: 4px 8px; .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } // title .world-clocks-header { color: $text2; font-weight: bold; } // city label .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } // timezone time .world-clocks-time { color: $text2; font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } // timezone offset label .world-clocks-timezone { color: $text-disabled; font-size: 1em; font-feature-settings: "tnum"; } } /* Weather */ .weather-button { @extend %calendar-item; min-height: $menuitem-size - 4px * 2; padding: 4px 8px; .weather-box { spacing: 0.4em; } .weather-header-box { spacing: 8px; } .weather-header { color: $text2; font-weight: bold; &.location { font-weight: normal; font-size: 1em; } } .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: $text2; @include type(caption); font-feature-settings: "tnum"; } .weather-forecast-icon { icon-size: 32px; } .weather-forecast-temp { font-weight: bold; } } materia-theme-20200320/src/_sass/gnome-shell/components/menu/_candidate-popup.scss000066400000000000000000000021771363503524500300560ustar00rootroot00000000000000// IBus Candidate Popup .candidate-popup-boxpointer { @extend .popup-menu-boxpointer; } .candidate-popup-content { @extend .popup-menu-content; padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: $text2; } .candidate-box { transition-duration: $duration; min-height: $menuitem-size; padding: 0 8px; border-radius: $corner-radius; &:hover { background-color: $overlay-hover; color: inherit; transition-duration: 0ms; } &:active { background-color: $overlay-active; transition-duration: $duration-ripple; } &:selected { background-color: $overlay-selected; color: inherit; transition-duration: 0ms; } } .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-right-width: 0; border-radius: $corner-radius; } .candidate-page-button-next { border-radius: $corner-radius; } .candidate-page-button-icon { icon-size: 16px; } materia-theme-20200320/src/_sass/gnome-shell/components/menu/_menu.scss000066400000000000000000000107441363503524500257440ustar00rootroot00000000000000/* Popovers/Menus */ // the popover itself .popup-menu-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296 -arrow-box-shadow: none; // dreaming bugzilla #689995 -arrow-background-color: transparent; } // container of the popover menu .popup-menu { min-width: 15em; border-color: transparent; color: inherit; // dunno what that is .popup-status-menu-item { // font-weight: normal; // color: pink; } &.panel-menu { -boxpointer-gap: 4px; // distance from the panel margin-bottom: 1.75em; } } .popup-menu-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: $corner-radius; box-shadow: $shadow-2; background-color: $surface; color: $text; } // menu items .popup-menu-item { // min-height: $menuitem-size - 4px * 2; spacing: 8px; padding: 0; transition-duration: $duration; &:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } &:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } &.selected { background-color: $overlay-hover; transition-duration: 0ms; &, &:active { color: $text; } } &:active { background-color: $overlay-active; color: $text; transition-duration: $duration-ripple; } &:checked { box-shadow: none; background-color: $overlay-selected; font-weight: normal; &.selected { background-color: rgba($primary, .4); } &:active { background-color: rgba($primary, .6); } } &:insensitive { color: $text-disabled; } } // all icons and other graphical elements .popup-inactive-menu-item { color: $text; &:insensitive { color: $text-disabled; } } // symbolic icons in popover .popup-menu-arrow { @if $version >= 3.32 { icon-size: 16px; } @else { width: 16px; height: 16px; } } .popup-menu-icon { icon-size: 16px; } // popover submenus .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: $entry-fill; } // container for radio and check boxes .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } // separator @if $version >= 3.36 { .popup-separator-menu-item { padding: 0; .popup-separator-menu-item-separator { // -margin-horizontal: 24px; height: 1px; // not really the whole box margin: 8px 0; background-color: $divider; // submenu separators .popup-sub-menu & { margin: 8px 0; background-color: $divider; &:ltr { margin-right: 32px; } &:rtl { margin-left: 32px; } } } } } @else { .popup-separator-menu-item { // -margin-horizontal: 24px; height: 1px; // not really the whole box margin: 8px 64px - 24px; border: 0; background-color: $divider; } } // desktop background menu .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; // hide the beak on the menu } // system status menu .aggregate-menu { min-width: 21em; // lock screen, shutdown, etc. buttons .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; // >= 3.36 } .popup-sub-menu .popup-menu-item > :first-child { // account for icons in submenus with padding &:ltr { padding-left: 16px; margin-left: 16px; } &:rtl { padding-right: 16px; margin-right: 16px; } } } @if $version == 3.32 { .system-switch-user-submenu-icon { icon-size: 16px; padding: 0 4px; } } @else if $version <= 3.30 { .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; } } @if $version <= 3.34 { .system-menu-action { -st-icon-style: symbolic; // >= 3.30 padding: ($large-size - 16px) / 2; border: 0; border-radius: $large-size / 2; // wish we could do 50% color: $text2; transition-duration: $duration; &:hover, &:focus { padding: ($large-size - 16px) / 2; border: 0; color: $text2; } &:focus { background-color: $overlay-focus; } &:hover { background-color: $overlay-hover; } &:active { background-color: $overlay-active; color: $text2; transition-duration: $duration-ripple; } > StIcon { icon-size: 16px; } } } materia-theme-20200320/src/_sass/gnome-shell/components/menu/_message-list.scss000066400000000000000000000071441363503524500273750ustar00rootroot00000000000000/* Message List */ // a.k.a. notifications in the menu // main list .message-list { width: 31.5em; padding: 0; .message-list-placeholder { spacing: 12px; } } .message-list-sections { spacing: 8px; margin: 0 8px; // to account for scrollbar } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list { &:ltr { padding-left: 0; } &:rtl { padding-right: 0; } } @if $version >= 3.36 { // do-not-disturb + clear button .message-list-controls { margin: 8px 8px 0; padding: 0; spacing: 8px; } } @else { // clear button .message-list-clear-button.button { @extend %button; margin: 8px 8px 0; } } // message bubbles .message { @extend %calendar-item; min-height: $menuitem-size * 2; // icon container .message-icon-bin { padding: 12px 0 12px 12px; &:rtl { padding: 12px 12px 12px 0; } // icon size and color > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; &, &:rtl { margin: 0; } } // fallback > .fallback-app-icon { width: 16px; height: 16px; } } // content .message-content { min-height: $menuitem-size * 2 - 8px * 2; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } // title .message-title { min-height: $small-size - 2px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } // secondary container in title box .message-secondary-bin { padding: 0 8px; // notification time stamp > .event-time { min-height: $small-size - 2px; padding-top: 2px; color: $text2; font-size: 1em; text-align: right; // HACK: the label should be baseline-aligned with a 1em label, // fake this with some bottom padding padding-bottom: 0; } > StIcon { icon-size: 16px; } } // close button $message-close-button: if($version >= 3.36, ".message-close-button", ".message-content > StBoxLayout > StButton"); #{$message-close-button} { transition-duration: $duration; icon-size: 16px; padding: ($small-size - 16px) / 2; border-radius: $small-size / 2; &, &:hover, &:active { color: $text2; } &:focus { background-color: $overlay-focus; } &:hover { background-color: $overlay-hover; } &:active { transition-duration: $duration-ripple; background-color: $overlay-active; } } // body .message-body { color: $text2; } } // URLs in messages .url-highlighter { link-color: $primary; } /* Media Controls */ .message-media-control { transition-duration: $duration; margin: 16px 0; padding: 8px; border-radius: 16px; &, &:focus, &:hover, &:active { color: $text2; } &:focus { background-color: $overlay-focus; } &:hover { background-color: $overlay-hover; } &:active { background-color: $overlay-active; transition-duration: $duration-ripple; } &:insensitive { color: $text2-disabled; } &:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } &:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } } // album-art .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; // when there is no artwork &.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: $corner-radius; background-color: $fill; color: $text-disabled !important; } } materia-theme-20200320/src/_sass/gnome-shell/components/misc/000077500000000000000000000000001363503524500237255ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gnome-shell/components/misc/_a11y.scss000066400000000000000000000010351363503524500255330ustar00rootroot00000000000000// Pointer location .ripple-pointer-location { width: 50px; height: 50px; border-radius: (50px / 2); // radius equals the size of the box to give us the curve box-shadow: none; background-color: $overlay-selected; } // Pointer accessibility notifications .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: $overlay-selected; } // Screen zoom/Magnifier .magnifier-zoom-region { border: 2px solid $primary; &.full-screen { border-width: 0; } } materia-theme-20200320/src/_sass/gnome-shell/components/misc/_keyboard.scss000066400000000000000000000064341363503524500265700ustar00rootroot00000000000000/* On-screen Keyboard */ // draw keys using button function #keyboard { background-color: $scrim-alt; box-shadow: none; .page-indicator { padding: 4px; .page-indicator-icon { width: 8px; height: 8px; } } } // the container for individual keys @if $version >= 3.28 { .key-container { padding: 4px; spacing: 4px; } } @else { .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } } // the keys .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: $corner-radius; &, // non-character keys &.default-key { @include button(normal); &:focus { @include button(focus); } &:hover, &:checked { @include button(hover); } &:active { @include button(active); } } &:grayed { //FIXMEy border-color: transparent; background-color: $scrim-alt; color: on($scrim-alt); } // enter key is suggested-action &.enter-key { @include button(normal, $c: $primary, $tc: on($primary)); &:hover, &:checked { @include button(hover, $c: $primary, $tc: on($primary)); } &:active { @include button(active, $c: $primary, $tc: on($primary)); } } @if $version >= 3.36 { &.shift-key-uppercase { color: $primary; } StIcon { icon-size: 32px; } } @else { // size of the icon asset &.default-key { background-size: 24px; } // key assets &.enter-key { background-image: url("assets/key-enter.svg"); } &.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"); } } } // long press on a key popup .keyboard-subkeys { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: $corner-radius; box-shadow: $shadow-2; background-color: $surface; color: $text; .keyboard-key { border-radius: $corner-radius; @include button(flat-normal); &:focus { @include button(flat-focus); } &:hover, &:checked { @include button(flat-hover); } &:active { @include button(flat-active); } } } // emoji .emoji-page { .keyboard-key { border: 0; @include button(flat-normal, $tc: on($scrim-alt)); &:focus { @include button(flat-focus, $tc: on($scrim-alt)); } &:hover { @include button(flat-hover, $tc: on($scrim-alt)); } &:active { @include button(flat-active, $tc: on($scrim-alt)); } } } .emoji-panel { .keyboard-key:latched { border-color: transparent; background-color: $primary; color: on($primary); } } // suggestions .word-suggestions { @include type(subtitle1); spacing: 12px; min-height: 20pt; } materia-theme-20200320/src/_sass/gnome-shell/components/misc/_looking-glass.scss000066400000000000000000000037451363503524500275430ustar00rootroot00000000000000/* Looking Glass */ // Dialog #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: $corner-radius; box-shadow: $shadow-4; background-color: $surface; color: $text; & > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px $divider; background-color: rgba($surface, .01); } .labels { spacing: 0; } .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: $duration; min-height: $medium-size; padding-left: 16px * 2; padding-right: 16px * 2; border: 0; color: $text2; font-weight: bold; &:hover { background-color: $overlay-hover; color: $text2; text-shadow: none; } &:active { transition-duration: $duration-ripple; background-color: $overlay-active; } &:selected { border: 0; box-shadow: inset 0 -2px $primary; background-color: rgba($surface, .01); color: $text; text-shadow: none; } } StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } StBoxLayout#ResultsArea { spacing: 4px; } } .lg-dialog { StEntry { @extend %entry; } .shell-link { &, &:hover, &:active { color: $primary; } } } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { @extend %button; &, &:hover { border: 0; } } // Windows #Windows { padding: 8px; } // Extensions #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { @include type(headline6); } .lg-extension-meta { spacing: 6px; } // Inspector #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: $corner-radius; box-shadow: $shadow-4; background-color: $surface; color: $text; } materia-theme-20200320/src/_sass/gnome-shell/components/misc/_misc.scss000066400000000000000000000021061363503524500257130ustar00rootroot00000000000000// Rubberband for select-area screenshots .select-area-rubberband { border: 1px solid on(dark, primary); background-color: rgba(on(dark, primary), .3); } // User icon $user-icon: if($version >= 3.32, ".user-icon", ".framed-user-icon"); #{$user-icon} { border: 0; border-radius: $circular-radius; background-size: contain; color: inherit; &:hover { border-color: transparent; color: inherit; } } @if $version >= 3.36 { .user-icon { StIcon { background-color: $fill; border-radius: $circular-radius; } } @each $class, $size in (".vertical", 128px), (".horizontal", 64px) { .user-widget#{$class} .user-icon { icon-size: $size; StIcon { width: $size / 2; height: $size / 2; padding: $size / 4; } } } } // Lightbox .lightbox { background-color: black; } // Flashspot .flashspot { background-color: white; } // Hidden .hidden { color: transparent; } // Caps-lock warning .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: $warning; } materia-theme-20200320/src/_sass/gnome-shell/components/misc/_tile-preview.scss000066400000000000000000000005001363503524500273700ustar00rootroot00000000000000/* Tiled window previews */ .tile-preview { border: 1px solid on(dark, primary); background-color: rgba(on(dark, primary), .3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } materia-theme-20200320/src/_sass/gnome-shell/components/notification/000077500000000000000000000000001363503524500254605ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gnome-shell/components/notification/_hotplug.scss000066400000000000000000000002171363503524500301760ustar00rootroot00000000000000// hotplug .hotplug-notification-item { @extend %bubble_button; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } materia-theme-20200320/src/_sass/gnome-shell/components/notification/_notification.scss000066400000000000000000000031471363503524500312070ustar00rootroot00000000000000/* Notifications & Mesage Tray */ // Banner notifications .notification-banner { min-height: $menuitem-size * 2; width: 34em; margin: 5px; border: 0; border-radius: $corner-radius; font-size: 1em; &, &:focus, &:hover, &:active { box-shadow: $shadow-2; background-color: $surface; color: $text; } @if $version == 3.34 { &, &:focus, &:active { .message-title { color: $text; } .message-content { color: $text2; } } .message-icon-bin > StIcon { color: inherit; } StEntry { @extend %entry; } } .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .notification-button { @extend %bubble_button; } } // counter .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: $shadow-2; background-color: $primary; color: on($primary); font-weight: bold; font-size: 1em; } // chat bubbles .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: $text; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; &:rtl { padding-left: 0; padding-right: 4px; } } .chat-sent { padding-left: 18pt; color: $text2; &:rtl { padding-left: 0; padding-right: 18pt; } } .chat-meta-message { padding-left: 4px; color: $text2; @include type(caption); &:rtl { padding-left: 0; padding-right: 4px; } } materia-theme-20200320/src/_sass/gnome-shell/components/osd/000077500000000000000000000000001363503524500235575ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gnome-shell/components/osd/_osd.scss000066400000000000000000000022301363503524500253750ustar00rootroot00000000000000/* OSD */ %osd-panel { padding: 12px; border: none; border-radius: $corner-radius; box-shadow: $shadow-4; background-color: $surface; color: $text; } .osd-window { @extend %osd-panel; text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; StIcon { icon-size: 96px; } .osd-monitor-label { @include type(headline3); } @if $version >= 3.30 { .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: $stroke-disabled; -barlevel-active-background-color: $primary; -barlevel-overdrive-color: $error; -barlevel-overdrive-separator-width: 2px; } } @else { .level { height: 8px; border-radius: 0; background-color: $stroke-disabled; color: $text; } .level-bar { border-radius: 0; background-color: $primary; } } } .resize-popup { @extend %osd-panel; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: $scrim; .pad-osd-title-box { spacing: 12px; } .pad-osd-title-menu-box { spacing: 6px; } } .combo-box-label { width: 15em; } materia-theme-20200320/src/_sass/gnome-shell/components/osd/_switcher.scss000066400000000000000000000020741363503524500264460ustar00rootroot00000000000000/* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } // switcher onscreen panel .switcher-list { @extend %osd-panel; .switcher-list-item-container { spacing: 8px; } .item-box { transition-duration: $duration; padding: 8px; border: 0; border-radius: $corner-radius; &:outlined { padding: 8px; border: 0; box-shadow: none; background-color: $stroke-disabled; color: inherit; } &:selected { background-color: $overlay-selected; color: inherit; } } // window thumbnails .thumbnail-box { padding: 2px; spacing: 4px; } .thumbnail { width: 256px; } .separator { width: 1px; background: $divider; } } .switcher-arrow { transition-duration: $duration; border-color: transparent; color: $text2; &:highlighted { color: $text; } } // Input Source Switcher .input-source-switcher-symbol { width: 96px; height: 96px; @include type(headline3); } // Window cycler highlight .cycler-highlight { border: 4px solid $primary; } materia-theme-20200320/src/_sass/gnome-shell/components/osd/_workspace-switcher.scss000066400000000000000000000012271363503524500304410ustar00rootroot00000000000000/* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher-container { @extend %osd-panel; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: $corner-radius; background-color: $stroke-disabled; background-size: 0; } // active workspace in the switcher .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: $corner-radius; background-color: $primary; background-size: 0; color: inherit; } materia-theme-20200320/src/_sass/gnome-shell/components/overview/000077500000000000000000000000001363503524500246405ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gnome-shell/components/overview/_app-grid.scss000066400000000000000000000120251363503524500273770ustar00rootroot00000000000000/* App Grid */ // app icons .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; .overview-icon { icon-size: 96px; } } .app-display { // spacing: 20px; } /* App Icons */ // Icon tiles in the app grid .app-well-app, %app-well-app { @extend %overview-icon; .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; > StBoxLayout { spacing: 4px; } } } /* App Folders */ .app-well-app.app-folder { @extend %app-well-app; border-radius: $corner-radius; // same as .overview-icon background-color: on(dark, fill); } // expanded folder .app-folder-dialog { spacing: 12px; border: 0; border-radius: $corner-radius; background-color: $surface; color: $text; .folder-name-container { padding: 24px 36px 0; spacing: 12px; .folder-name-label, .folder-name-entry { @include type(headline6); } .folder-name-entry { width: 300px; } // FIXME: this is to keep the label in sync with the entry .folder-name-label { padding: 0 8px; color: inherit; } .edit-folder-button { @extend %button; width: $medium-size; height: $medium-size; min-width: 0; min-height: 0; padding: 0; border-radius: $medium-size / 2; > StIcon { icon-size: 16px; } } } .app-well-app { &:focus { .overview-icon { background-color: $overlay-focus; } } &:drop, &:hover, &:selected { .overview-icon { background-color: $overlay-hover; } } &:active, &:checked { .overview-icon { background-color: $overlay-active; } } } } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } @if $version <= 3.34 { // expanded collection .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: $corner-radius; -arrow-background-color: on(dark, fill); } .app-folder-popup-bin { padding: 6px; } } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } // Running app indicator (also shown in dash) .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: on(dark); } // Rename popup for app folders .rename-folder-popup { .rename-folder-popup-item { spacing: 6px; &:ltr, &:rtl { padding: 0 12px; } } } // right-click app menu .app-menu, .app-well-menu { max-width: 27.25em; } // App Grid pagination indicators .page-indicator { padding: 15px 20px; @if $version >= 3.36 { .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; // the same as height&width background-color: on(dark); } } @else { .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: on(dark, text2-disabled); transition-duration: $duration; } &:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: on(dark, text-disabled); } &:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: on(dark, text2); } &:checked .page-indicator-icon, &:checked:active .page-indicator-icon { background-image: none; background-color: on(dark); transition-duration: 0ms; } &:checked:active { background-image: none; background-color: transparent; } } } // Some hacks I don't even know $search-display: if($version <= 3.32, ".search-display > StBoxLayout,", null); #{$search-display} .all-apps, .frequent-apps > StBoxLayout { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0 88px 10px; } // Label when no frequent apps .no-frequent-applications-label { @extend %overview-status-text; } // shutdown and other actions in the grid .system-action-icon { icon-size: 48px; border-radius: $circular-radius; box-shadow: 0 4px 4px rgba(black, .2); // FIXME: this should really have a highlight background-color: $grey-900; color: on($grey-900); } /* Frequent | All toggle */ // container .app-view-controls { width: 320px; padding-bottom: 32px; } // buttons .app-view-control { margin: 0; padding: 0 8px; &, &:focus, &:hover, &:active, &:checked { @include button(flat-normal, $tc: on(dark)); } &:hover { background-color: $inverse-overlay-hover; } &:active { background-color: $inverse-overlay-active; transition-duration: $duration-ripple; } &:checked { box-shadow: inset 0 2px 0 on(dark); background-color: rgba(black, .01); color: on(dark); } &:focus { background-color: $inverse-overlay-focus; } &:first-child { border-right-width: 0; border-radius: $corner-radius; } &:last-child { border-radius: $corner-radius; } &:checked { border-radius: 0; } } materia-theme-20200320/src/_sass/gnome-shell/components/overview/_dash.scss000066400000000000000000000017341363503524500266200ustar00rootroot00000000000000/* Dash */ $dash-spacing: 6px; #dash { @extend %overview-panel; font-size: 1em; padding: ($dash-spacing / 2) 0; border-left-width: 0; border-radius: 0 $corner-radius $corner-radius 0; &:rtl { border-right-width: 0; border-radius: $corner-radius 0 0 $corner-radius; } .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .empty-dash-drop-target { width: 24px; height: 24px; } } // Dash Items .dash-item-container > StWidget { padding: ($dash-spacing / 2) $dash-spacing; } // OSD Tooltip .dash-label { // min-height: 32px - 6px * 2; padding: 7px 8px; border: 0; border-radius: $corner-radius; box-shadow: $shadow-2; background-color: $surface; color: $text; text-align: center; -x-offset: 8px; // distance from the dash edge } // Show apps button .show-apps { @extend %overview-icon; color: on(dark, text2); &:checked { color: on(dark); } } materia-theme-20200320/src/_sass/gnome-shell/components/overview/_overview.scss000066400000000000000000000032141363503524500275420ustar00rootroot00000000000000/* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: on(dark); StScrollBar { @extend %scrollbar-on-dark; } } .overview-controls { padding-bottom: 32px; } %overview-panel { transition-duration: $duration-panel; border: 0; background-color: on(dark, fill); color: on(dark); } %overview-status-text { @include type(headline3); color: on(dark, text-disabled); } %overview-item { @extend %-overview-item; &:focus { @extend %-overview-item-focus; } &:hover, &:selected { @extend %-overview-item-hover; } &:active, &:checked { @extend %-overview-item-active; } } %overview-icon { .overview-icon { @extend %-overview-item; } &:focus { .overview-icon { @extend %-overview-item-focus; } } &:drop, &:hover, &:selected { .overview-icon { @extend %-overview-item-hover; } } &:active, &:checked { .overview-icon { @extend %-overview-item-active; } } } %-overview-item { padding: 6px; border: 0; border-radius: $corner-radius; background-color: transparent; color: inherit; text-align: center; transition-duration: $duration; } %-overview-item-focus { border-image: none; background-image: none; background-color: $inverse-overlay-focus; color: inherit; transition-duration: 0ms; } %-overview-item-hover { border-image: none; background-image: none; background-color: $inverse-overlay-hover; color: inherit; transition-duration: 0ms; } %-overview-item-active { box-shadow: none; background-color: $inverse-overlay-active; color: inherit; transition-duration: $duration-ripple; } materia-theme-20200320/src/_sass/gnome-shell/components/overview/_search-entry.scss000066400000000000000000000013651363503524500303050ustar00rootroot00000000000000// Search entry %search-entry, .search-entry { width: 320px - 8px * 2; padding: 0 8px; border-radius: $corner-radius $corner-radius 0 0; color: on(dark, text-disabled); selection-background-color: on(dark, stroke); selected-color: on(dark); @include entry(normal, $fc: on(dark, stroke)); &:hover { @include entry(hover, $fc: on(dark, stroke)); color: on(dark, text-disabled); } &:focus { @include entry(focus, $fc: on(dark)); padding: 0 8px; border: 0; color: on(dark); } StLabel.hint-text { color: on(dark, text2); } .search-entry-icon { icon-size: 16px; padding: 0 4px; color: on(dark, text2); } &:hover, &:focus { .search-entry-icon { color: on(dark); } } } materia-theme-20200320/src/_sass/gnome-shell/components/overview/_search-results.scss000066400000000000000000000034241363503524500306430ustar00rootroot00000000000000/* Search */ // search overview container $searchResultsContent: if($version >= 3.34, "#searchResultsContent", "#searchResultsBin"); #{$searchResultsContent} { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } // search results sections "the boxes" .search-section { // This should be equal to #searchResultsContent spacing spacing: 16px; // separator .search-section-separator { height: 1px; background-color: on(dark, divider); } &:last-child .search-section-separator { height: 0; background-color: transparent; } } // content .search-section-content { // This is the space between the provider icon and the results container spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } // "no results" text .search-statustext { @extend %overview-status-text; } // Search results with icons .grid-search-result { @extend %app-well-app; } // search result provider .search-provider-icon { @extend %overview-item; // content .list-search-provider-content { spacing: 20px; // provider labels .list-search-provider-details { width: 150px; margin-top: 0; color: on(dark, text2); // font-weight: bold; } } } // search results list .list-search-results { spacing: 4px; } // search result listitem .list-search-result { @extend %overview-item; // content .list-search-result-content { spacing: 30px; } // list item title (with leading icon) .list-search-result-title { spacing: 12px; color: inherit; @include type(subtitle1); } // list item description .list-search-result-description { color: on(dark, text2); } } materia-theme-20200320/src/_sass/gnome-shell/components/overview/_window-picker.scss000066400000000000000000000032661363503524500304650ustar00rootroot00000000000000/* Window Picker */ // Window picker .window-picker { // Space between window thumbnails -horizontal-spacing: 16px; -vertical-spacing: 16px; // Padding for container around window thumbnails padding: 0 16px 32px; &.external-monitor { padding: 16px; } } // Borders on window thumbnails .window-clone-border { border: 4px solid on(dark, stroke); border-radius: $corner-radius; // For window decorations with round corners we can't match // the exact shape when the window is scaled. So apply a shadow // to fix that case box-shadow: inset 0 0 0 1px on(dark, stroke); } // Window titles .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: $corner-radius; background-color: $scrim; color: on($scrim); font-size: 1em; font-weight: normal; } // Close button .window-close { -shell-close-overlap: $medium-size / 2; // FIXME: unless disable the transition, button will distort when hovering // transition-duration: $duration; height: $medium-size; width: $medium-size; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -st-background-image-shadow: $shadow-1; background-image: url("assets/window-close.svg"); background-size: $medium-size; &:hover { border-color: transparent; background-color: transparent; color: transparent; -st-background-image-shadow: $shadow-2; background-image: url("assets/window-close.svg"); } &:active { border-color: transparent; background-color: transparent; color: transparent; // transition-duration: $duration-ripple; background-image: url("assets/window-close-active.svg"); } } materia-theme-20200320/src/_sass/gnome-shell/components/overview/_workspace-switcher.scss000066400000000000000000000012411363503524500315160ustar00rootroot00000000000000/* Workspace pager */ // thumbnails in overview .workspace-thumbnails { @extend %overview-panel; visible-width: 32px; // amount visible before hover spacing: 12px; padding: 12px; border-right-width: 0; border-radius: $corner-radius 0 0 $corner-radius; &:rtl { border-left-width: 0; border-radius: 0 $corner-radius $corner-radius 0; } // drag and drop indicator .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } } // selected indicator .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid on(dark); border-left-width: 2px; border-radius: 0; } materia-theme-20200320/src/_sass/gnome-shell/components/panel/000077500000000000000000000000001363503524500240715ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gnome-shell/components/panel/_panel.scss000066400000000000000000000074551363503524500262370ustar00rootroot00000000000000/* Top Bar */ #panel { $background: if($version >= 3.26 and $version <= 3.30, $scrim, $panel); transition-duration: $duration-panel; height: $menuitem-size; background-color: $background; font-weight: bold; font-feature-settings: "tnum"; // spacing between activities, app menu and such #panelLeft, #panelCenter { spacing: 0; } // the rounded outset corners .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; &:active, &:overview, &:focus { -panel-corner-border-color: transparent; } } // panel menus .panel-button { -natural-hpadding: $panel-button-hpadding; -minimum-hpadding: $panel-button-hpadding / 2; transition-duration: $duration; color: on($background, text2); text-shadow: none; font-weight: bold; .system-status-icon, .app-menu-icon > StIcon, .popup-menu-arrow { icon-shadow: none; } &:hover { color: on($background); text-shadow: none; .system-status-icon, .app-menu-icon > StIcon, .popup-menu-arrow { icon-shadow: none; } } &:active, &:overview, &:focus, &:checked { box-shadow: inset 0 -2px on($background); // Trick due to St limitations. It needs a background to draw a box-shadow background-color: rgba($background, .01); color: on($background); > .system-status-icon { icon-shadow: none; } } @if $version >= 3.36 { &.clock-display { // Move highlight from .panel-button to .clock &:active, &:overview, &:focus, &:checked { box-shadow: none; background-color: transparent; .clock { box-shadow: inset 0 -2px on($background); background-color: rgba($background, .01); } } } } // status area icons .system-status-icon { icon-size: 16px; padding: 0 4px; } // app menu icon .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; // dimensions of the icon are hardcoded } } .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; } // indicator for active .screencast-indicator, .remote-access-indicator { color: $warning; } // transparent panel on lock & login screens @at-root %transparent-panel { background-color: transparent; .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } .panel-button { color: on(dark, text2); &:hover, &:active, &:overview, &:focus, &:checked { color: on(dark); } } } &:overview, &.unlock-screen, &.login-screen { @extend %transparent-panel; } @if $version <= 3.34 { &.lock-screen { @extend %transparent-panel; background-color: $scrim-alt; } } @if $version >= 3.26 and $version <= 3.30 { &.solid { transition-duration: $duration-panel; background-color: $panel; .panel-corner { -panel-corner-background-color: transparent; } .panel-button { color: on($panel, text2); text-shadow: none; &:hover, &:active, &:overview, &:focus, &:checked { color: on($panel); } } .system-status-icon, .app-menu-icon > StIcon, .popup-menu-arrow { icon-shadow: none; } } } } // App Menu #appMenu { spacing: 4px; @if $version <= 3.32 { spinner-image: url("process-working.svg"); } .label-shadow { color: transparent; } } materia-theme-20200320/src/_sass/gnome-shell/components/panel/_ripple-box.scss000066400000000000000000000006161363503524500272110ustar00rootroot00000000000000/* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; // radius equals the size of the box to give us the curve box-shadow: none; background-color: on(dark, stroke); background-image: none; background-size: auto; // just a simple change to the border radius position &:rtl { border-radius: 0 0 0 48px; background-image: none; } } materia-theme-20200320/src/_sass/gtk/000077500000000000000000000000001363503524500171605ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gtk/_apps-3.22.scss000066400000000000000000000002641363503524500215430ustar00rootroot00000000000000@import 'apps/gnome-3.22'; @import 'apps/misc'; @import 'apps/unity'; @import 'apps/mate'; @import 'apps/budgie'; @import 'apps/xfce'; @import 'apps/lightdm'; @import 'apps/nemo'; materia-theme-20200320/src/_sass/gtk/_colors-public.scss000066400000000000000000000060451363503524500227760ustar00rootroot00000000000000// 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 #{"" + $text}; /* text color for entries, views and content in general */ @define-color theme_text_color #{"" + $text}; /* widget base background color */ @define-color theme_bg_color #{"" + $background}; /* text widgets and the like base background color */ @define-color theme_base_color #{"" + $base}; /* base background color of selections */ @define-color theme_selected_bg_color #{"" + $primary}; /* text/foreground color of selections */ @define-color theme_selected_fg_color #{"" + on($primary)}; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #{"" + $background}; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #{"" + $text-disabled}; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #{"" + $base-alt}; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #{"" + $text}; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #{"" + $text}; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #{"" + $background}; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #{"" + $base}; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #{"" + $primary}; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #{"" + on($primary)}; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color #{"" + $text-disabled}; /* widgets main borders color */ @define-color borders #{"" + $divider}; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #{"" + $divider}; /* these are pretty self explicative */ @define-color warning_color #{"" + $warning}; @define-color error_color #{"" + $error}; @define-color success_color #{"" + $success}; // @define-color destructive_color #{"" + $destructive}; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title #{"" + $titlebar-text}; @define-color wm_unfocused_title #{"" + $titlebar-text2}; @define-color wm_highlight #{"" + highlight($titlebar)}; @define-color wm_bg #{"" + $titlebar}; @define-color wm_unfocused_bg #{"" + $titlebar-backdrop}; /* FIXME this is really an API */ @define-color content_view_bg #{"" + $base}; // NOTE: @placeholder_text_color doesn't allow translucent colors. @define-color placeholder_text_color #{"" + opacify($text2, $base)}; materia-theme-20200320/src/_sass/gtk/_common-3.20.scss000066400000000000000000002416361363503524500221000ustar00rootroot00000000000000* { // padding: 0; background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: $error; // 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: $container-padding / 1px; -GtkDialog-action-area-border: $container-padding / 1px; -gtk-secondary-caret-color: $primary; // 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: 2px solid transparent; outline-offset: -4px; -gtk-outline-radius: $corner-radius; &:focus { outline-color: $overlay-checked; } } /*************** * Base States * ***************/ .background { background-color: $background; color: $text; } /* 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: $background; color: $text; &:hover { background-color: darken($background, 5%); } &:active { background-color: darken($background, 10%); } &:disabled { color: $text-disabled; } &:selected { background-color: $primary; color: on($primary); } } .view { background-color: $base; color: $text; &:hover { box-shadow: inset 0 0 0 9999px $overlay-hover; } &:selected:hover { box-shadow: inset 0 0 0 9999px rgba($primary, 0.08); } &:disabled { color: $text-disabled; } &:hover, &:selected { border-radius: $corner-radius; } selection, &:selected { @extend %selected_items; } } textview { // FIXME: we need to override background-color to ensure text rendering text { background-color: $base; caret-color: $primary; } border { background-color: $base-alt; color: $text2; // FIXME: not working } } iconview { // @extend .view; } %iconview-desktop { // background-color: $scrim; color: on(dark); text-shadow: $text-shadow; } .rubberband, rubberband { border: 1px solid on(dark, primary); background-color: rgba(on(dark, primary), 0.3); } flowbox { rubberband { @extend rubberband; } flowboxchild { padding: 4px; border-radius: $corner-radius; &:selected { @extend %selected_items; } } } .content-view .tile { // margin: 2px; // padding: 0; // border-radius: 0; // background-color: black; &:selected { background-color: transparent; } } label { caret-color: $primary; // this shouldn't be needed. &.separator { color: $text2; } selection { @extend %selected_items; } &:disabled { color: $text-disabled; headerbar &, menuitem &, tab &, button & { color: inherit; } } &.osd { border-radius: $corner-radius; background-color: $tooltip; color: on($tooltip); } } .dim-label { color: $text2; } assistant { .sidebar { padding: 4px 0; // background-color: $base; } .sidebar label { min-height: $medium-size; padding: 0 12px; color: $text-disabled; font-weight: 500; &.highlight { color: $text; } } } %osd, .osd { // opacity: .9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; // non spinning spinner makes no sense color: $primary; -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); &:checked { opacity: 1; animation: spin 1s linear infinite; } &:disabled { color: $text2-disabled; } } /**************** * Text Entries * ****************/ %entry, entry { min-height: $medium-size; padding: 0 8px; border-radius: $corner-radius $corner-radius 0 0; @include entry(normal); &:focus { @include entry(checked); } &:drop(active) { @include entry(hover); } &:disabled { @include entry(disabled); } &.flat { min-height: 0; padding: 2px; border-radius: 0; background-color: transparent; } // icons inside the entry image { // min-height: $small-size; // min-width: $small-size; // border-radius: $circular-radius; // @extend %ripple; // @include ink-color($text2); color: $text2; &:hover, &:active { color: $text; } &:disabled { color: $text-disabled; } &.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 $class, $color in (".error": $error, ".warning": $warning) { &#{$class} { @include entry(normal, $color); &:focus { @include entry(checked, $color); } &:disabled { @include entry(disabled, $color); } } } .osd & { } progress { margin: 2px -8px; border-bottom: 2px solid $primary; background-color: transparent; } // linked entries .linked:not(.vertical) > & { @extend %linked; } // Vertically linked entries .linked.vertical > & { @extend %linked-vertical; } } %entry_raised { border-radius: $corner-radius; @include entry(raised-normal); &:focus { @include entry(raised-focus); } &:drop(active) { @include entry(raised-hover); } &:disabled { @include entry(raised-disabled); } // entry error and warning style @each $class, $color in (".error": $error, ".warning": $warning) { &#{$class} { @include entry(raised-normal, $color); &:focus { @include entry(raised-focus, $color); } &:disabled { @include entry(raised-disabled, $color); } image { color: on($color, text2); &:hover, &:active { color: on($color); } &:disabled { color: on($color, text-disabled); } } } } } treeview entry { &, &.flat { background-color: $base; &, &:focus { border-image: none; box-shadow: none; } } } .entry-tag { margin: 2px; border-radius: $circular-radius; box-shadow: none; background-color: $fill; color: $text; &:hover { background-image: image($overlay-hover); } // side margins: compensate the entry padding with a negative margin // then the negative margin itself :dir(ltr) & { margin-left: 4px; margin-right: 0; padding-left: 12px; padding-right: 8px; } :dir(rtl) & { margin-left: 0; margin-right: 4px; padding-left: 8px; padding-right: 12px; } // seems any sizing doesn't work &.button { box-shadow: none; background-color: transparent; color: $text2; } } /*********** * Buttons * ***********/ // stuff for .needs-attention @keyframes needs-attention { from { background-image: -gtk-gradient( radial, center center, 0, center center, .001, to($primary), to(transparent) ); } to { background-image: -gtk-gradient( radial, center center, 0, center center, .5, to($primary), to(transparent) ); } } %button, button { min-height: 24px; min-width: 16px; padding: ($medium-size - 24px) / 2 ($medium-size - 16px) / 2; border-radius: $corner-radius; background-color: $surface; color: $text; font-weight: 500; @extend %ripple; @include raised-ink-color($text); &:disabled { box-shadow: none; background-color: $fill; color: $text-disabled; } &:checked { background-color: mix($primary, $surface, percentage($overlay-checked-opacity + .04)); color: $primary; @include raised-ink-color($primary); &:disabled { box-shadow: inset 0 0 0 9999px $overlay-checked; background-color: $fill; color: $text-disabled; } } &.text-button { min-width: 64px - 16px * 2; padding-left: 16px; padding-right: 16px; } &.image-button { min-width: 24px; padding: ($medium-size - 24px) / 2; border-radius: $circular-radius; } // NOTE: Some image-only buttons use this as well &.text-button.image-button { min-width: 24px; padding: ($medium-size - 24px) / 2; border-radius: $corner-radius; 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:not(.vertical) > & { @extend %linked; &.image-button:not(.text-button) { @extend %linked-image-button; } } .linked.vertical > & { @extend %linked-vertical; &.image-button:not(.text-button) { @extend %linked-vertical-image-button; } } } %button-flat-basic { background-color: transparent; @include ink-color($text2); &:disabled { background-color: transparent; color: $text2-disabled; } } %button-flat-activatable { @extend %button-flat-basic; &:checked { background-color: $overlay-checked; color: $text; @include ink-color($text); &:disabled { color: $text-disabled; } } } %button-flat, button.flat { @extend %button-flat-activatable; &.text-button { min-width: 64px - 8px * 2; padding-left: 8px; padding-right: 8px; } &.text-button.image-button { min-width: 24px; padding: ($medium-size - 24px) / 2; label { &:first-child { margin-left: 12px - ($medium-size - 24px) / 2; } &:last-child { margin-right: 12px - ($medium-size - 24px) / 2; } } } .linked:not(.vertical) > &, .linked.vertical > & { &:not(:only-child) { // specificity bump border-radius: $corner-radius; &.image-button:not(.text-button) { border-radius: $circular-radius; } } } } button { // 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 $class, $color in (".suggested-action": $primary, ".destructive-action": $error) { &#{$class} { background-color: $color; color: on($color); @include raised-ink-color(on($color)); &:disabled { box-shadow: none; background-color: $fill; color: $text-disabled; } &:checked { background-color: mix(on($color), $color, percentage($overlay-checked-opacity)); } &.flat { background-color: transparent; @include ink-color($color); &:disabled { box-shadow: none; background-color: transparent; color: $text2-disabled; } &:checked { background-color: rgba($color, $overlay-checked-opacity); } } .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. > label { margin: 0 -6px; padding: 0 6px; } > image { margin: -3px -6px; padding: 3px 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-flat; &:not(.text-button) { border-radius: $circular-radius; } } .primary-toolbar & { -gtk-icon-shadow: none; // tango icons don't need shadows } &.close, &.circular { // The Bloody Circul Button border-radius: $circular-radius; label { // padding: 0; } } } %button-small { min-height: $small-size; min-width: $small-size; padding: 0; border-radius: $circular-radius; } %needs-attention { animation: needs-attention $ripple-fade-in-duration $ease-out 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 { } // More inline toolbar buttons toolbar.inline-toolbar toolbutton { &:not(:first-child) > button.flat { // @extend %linked-not-first-child; } &:not(:last-child) > button.flat { // @extend %linked-not-last-child; } } %linked-not-first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } %linked-not-last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } %linked { &:not(:first-child) { @extend %linked-not-first-child; } &:not(:last-child) { @extend %linked-not-last-child; } } %linked-vertical-not-first-child { border-top-left-radius: 0; border-top-right-radius: 0; } %linked-vertical-not-last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } %linked-vertical { &:not(:first-child) { @extend %linked-vertical-not-first-child; } &:not(:last-child) { @extend %linked-vertical-not-last-child; } } %linked-image-button { &:first-child { border-top-left-radius: $corner-radius; border-bottom-left-radius: $corner-radius; } &:last-child { border-top-right-radius: $corner-radius; border-bottom-right-radius: $corner-radius; } &:only-child { border-radius: $circular-radius; } } %linked-vertical-image-button { &:first-child { border-top-left-radius: $corner-radius; border-top-right-radius: $corner-radius; } &:last-child { border-bottom-left-radius: $corner-radius; border-bottom-right-radius: $corner-radius; } &:only-child { border-radius: $circular-radius; } } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: $menuitem-size; padding: 0 8px; border-radius: $corner-radius; @extend %ripple; @include ink-color($text, $fg: false); &:selected { @extend %selected_items; } } modelbutton.flat arrow { &.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 { color: $primary; } *:visited { color: $visited; } button.link { &:link { @include ink-color($primary); } &:visited { @include ink-color($visited); } > 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; 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; } button { @extend %button-flat-basic; @extend %button-small; // margin: $container-padding; border: solid $container-padding transparent; // Remove unwanted focus indicator &:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } &.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) { } // 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 caret-color: $primary; // FIXME: this should not be set at all, but otherwise it gets the wrong // color &:disabled { color: $text-disabled; } entry { @extend %entry_raised; min-height: $medium-size; min-width: $large-size; padding: 0; } button { min-height: $medium-size; min-width: $large-size; padding: 0; @extend %button-flat-basic; // Remove unwanted focus indicator &:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } &.up { border-radius: $corner-radius $corner-radius 0 0; } &.down { border-radius: 0 0 $corner-radius $corner-radius; } } } // OSD vertical .osd &.vertical { } // 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; } // workaround for menuitem selection decoration { transition: none; } button.combo cellview { &:dir(ltr) { margin-left: 8px - ($medium-size - 16px) / 2; } &:dir(rtl) { margin-right: 8px - ($medium-size - 16px) / 2; } } menu { padding: 2px 0; menuitem { min-height: $medium-size - 2px * 2; padding: 0 8px; } // overflow arrows > arrow { &.top { margin-top: -2px; } &.bottom { margin-top: 2px * 2; margin-bottom: -2px * 3; } } } &.linked { button:nth-child(2) { &:dir(ltr) { @extend %linked-not-first-child; } &:dir(rtl) { @extend %linked-not-last-child; } } } > .linked:not(.vertical) > entry:not(:only-child) { border-radius: $corner-radius $corner-radius 0 0; &:first-child { margin-right: -$medium-size; padding-right: $medium-size; } &:last-child { margin-left: -$medium-size; padding-left: $medium-size; } } > .linked:not(.vertical) > button:not(:only-child) { @extend %button-flat-activatable; // @extend %button-small; min-height: 16px; min-width: 16px; margin: ($medium-size - $small-size) / 2; padding: ($small-size - 16px) / 2; border-radius: $circular-radius; } } // 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 { &:not(:first-child) > box > button.combo { @extend %linked-not-first-child; } &:not(:last-child) > box > button.combo { @extend %linked-not-last-child; } } .linked.vertical > combobox { &:not(:first-child) > box > button.combo { @extend %linked-vertical-not-first-child; } &:not(:last-child) > box > button.combo { @extend %linked-vertical-not-last-child; } } button.combo:only-child { border-radius: $corner-radius $corner-radius 0 0; font-weight: normal; @include entry(normal); &:focus { @include entry(focus); } &:drop(active), &:hover { @include entry(hover); } &:checked { @include entry(checked); } &:disabled { @include entry(disabled); } } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: $background; button { @extend %button-flat; } // on OSD .osd & { background-color: transparent; } // stand-alone OSD toolbars &.osd { @extend %toolbar-osd; // positional classes for `attached` osd toolbars &.left, &.right, &.top, &.bottom { border-radius: 0; } &.bottom { box-shadow: none; background-color: transparent; background-image: linear-gradient( to bottom, transparent, rgba(black, .1) 30%, rgba(black, .2) 50%, rgba(black, .4) ); } } // 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; } } } %toolbar-osd { transition: $transition-shadow; padding: $container-padding; border-radius: $corner-radius; box-shadow: $shadow-z4, inset 0 1px highlight($surface); background-color: $surface; &:backdrop { box-shadow: $shadow-z2, inset 0 1px highlight($surface); } } // searchbar, location-bar & inline-toolbar .inline-toolbar { padding: $container-padding; border-style: solid; border-width: 0 1px 1px; border-color: $divider; background-color: $base-alt; } searchbar > revealer > box, .location-bar { padding: $container-padding; border-style: solid; border-width: 0 0 1px; border-color: $divider; background-color: $background; background-clip: border-box; } searchbar > revealer > box { // workaround: undo the GtkContainer:border-width and use CSS padding instead margin: -6px; padding: $container-padding; } /*************** * Header bars * ***************/ .titlebar { transition: background-color $duration $ease-out, color $duration $ease-out; border-radius: $corner-radius $corner-radius 0 0; box-shadow: $shadow-z1, inset 0 1px highlight($titlebar); background-color: $titlebar; color: $titlebar-text; &:disabled { color: $titlebar-text-disabled; } &:backdrop { background-color: $titlebar-backdrop; color: $titlebar-text2; &:disabled { color: $titlebar-text2-disabled; } } .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .subtitle { padding-left: 12px; padding-right: 12px; font-size: smaller; } .subtitle, .dim-label { transition: color $duration $ease-out; color: $titlebar-text2; &:backdrop { color: $titlebar-text-disabled; } } // Don't draw titlebar above titlebar .titlebar { background-color: transparent; box-shadow: none; } // The separator for split headerbars headerbar + separator { background-color: $titlebar-divider; } entry { box-shadow: inset 0 -1px $titlebar-stroke; background-color: $titlebar-entry-fill; color: $titlebar-text; &:disabled { box-shadow: inset 0 -1px $titlebar-stroke-disabled; background-color: $titlebar-entry-fill; color: $titlebar-text-disabled; } image { color: $titlebar-text2; &:hover, &:active { color: $titlebar-text; } &:disabled { color: $titlebar-text-disabled; } } } .linked:not(.vertical) > entry:not(:only-child) { border-radius: $corner-radius $corner-radius 0 0; } @at-root %titlebar-button, & button:not(.suggested-action):not(.destructive-action) { @extend %button-flat; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $titlebar-indicator 0%, transparent 0%) 0 0 0 / 0 0 0px; @include ink-color($titlebar-text2); &:disabled { color: $titlebar-text2-disabled; } @at-root %titlebar-button-checked, &:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $titlebar-indicator 100%, transparent 0%) 0 0 2 / 0 0 2px; background-color: transparent; color: $titlebar-text; @include ink-color($titlebar-text); &:disabled { background-color: transparent; color: $titlebar-text-disabled; } } &:backdrop { color: $titlebar-text-disabled; &:disabled { color: $titlebar-text2-disabled; } &:checked { color: $titlebar-text2; &:disabled { color: $titlebar-text2-disabled; } } } } button.suggested-action, button.destructive-action { &:disabled { background-color: $titlebar-fill; color: $titlebar-text-disabled; } } // FIXME: Ugly overriding stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { min-width: 120px - 8px * 2; } // FIXME: Ugly overriding .path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; padding-left: ($medium-size - 24px) / 2; padding-right: ($medium-size - 24px) / 2; } &.selection-mode { // 0.1ms was a workaround for https://gitlab.gnome.org/GNOME/gtk/issues/698 // but let's keep it for backwards compatibility. transition: background-color 0.1ms $ripple-fade-in-duration, color $duration $ease-out; animation: ripple-on-headerbar $ripple-fade-in-duration $ease-out; box-shadow: $shadow-z1, inset 0 1px highlight($primary); background-color: $primary; color: on($primary); &:backdrop { color: on($primary, text2); } .subtitle:link { color: on($primary); } 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: on($primary); &:disabled { color: on($primary, text-disabled); } &:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 / 0 0 2px; color: on($primary); &:disabled { color: on($primary, text-disabled); } } &:backdrop { color: on($primary, text2); &:disabled { color: on($primary, text2-disabled); } &:checked { color: on($primary, text2); &:disabled { color: on($primary, text2-disabled); } } } } .selection-menu { padding-left: 16px; padding-right: 16px; arrow { -GtkArrow-arrow-scaling: 1; } .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } } .selection-mode { box-shadow: inset 0 1px highlight($primary); // Avoid double shadows background-color: $primary; } // 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-z1; } &.default-decoration { min-height: $small-size; padding: $container-padding; box-shadow: inset 0 1px highlight($titlebar); .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 border-radius: 0; box-shadow: $shadow-z1; // just remove the highlight } } } headerbar { // The sizing factor needs to be defined in the headerbar node for the case of split headerbars min-height: $large-size; padding: 0 $container-padding; // add vertical margins to common widget on the headerbar to avoid them spanning the whole height entry, spinbutton, button { margin-top: $container-padding; margin-bottom: $container-padding; } separator.titlebutton { margin-top: $large-size / 4; margin-bottom: $large-size / 4; background-color: $titlebar-divider; } 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; } // FIXME: This is a hacky workaround. .entry-tag { margin-top: 5px; margin-bottom: 5px; } } // Development versions of apps to use a differently styled headerbar window.devel .titlebar:not(.selection-mode) { } /************ * Pathbars * ************/ %pathbar_button, .path-bar.linked:not(.vertical) > button { @extend %button-flat-basic; padding-left: ($medium-size - 24px) / 2; padding-right: ($medium-size - 24px) / 2; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $primary 0%, transparent 0%) 0 0 0 / 0 0 0px; border-radius: $corner-radius; &:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $primary 100%, transparent 0%) 0 0 2 / 0 0 2px; color: $text; &, &:disabled { background-color: transparent; } } label:not(:only-child) { &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } } &.text-button { min-width: 0; } &.slider-button { padding-left: (24px - 16px) / 2; padding-right: (24px - 16px) / 2; } } /************** * 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: $stroke; // this is actually the tree lines color, border-top-color: $divider; // while this is the grid lines color, better then nothing // FIXME: Avoid transparency background-color being slightly darker &:selected { background-color: $base; background-image: image($overlay-selected); } // to avoid borders being overridden by the previously set props rubberband { @extend rubberband; } &:hover, &:selected { border-radius: 0; } &.separator { min-height: 1px + 2px * 2; color: $divider; } &:drop(active) { // FIXME: box-shadow, background-color and background-image are not available here. border-style: solid none; border-width: 9999px; border-color: $overlay-hover; &.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: $text2; &:hover, &:active { color: $text; } &:disabled { color: $text2-disabled; } } &.progressbar { // progress bar in treeviews border-bottom: $bar-size solid $primary; box-shadow: none; background-color: transparent; background-image: none; &:selected:hover { box-shadow: none; } } &.trough { // progress bar trough in treeviews border-bottom: $bar-size solid $stroke-disabled; box-shadow: none; background-color: transparent; background-image: none; &:selected:hover { box-shadow: none; } } header { button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: $divider; border-radius: 0; background-clip: border-box; color: $text2; @include ink-color($text2); @include list-item; &:disabled { color: $text2-disabled; } &, &:disabled { background-color: $base; } &: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: $divider; border-radius: 0; box-shadow: none; background-color: $base; background-clip: border-box; color: $primary; } // see tests/testaccel to test acceleditor > label { background-color: $primary; } } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; // box-shadow: inset 0 -1px $divider; background-color: $titlebar; color: $titlebar-text; &:backdrop { background-color: $titlebar-backdrop; color: $titlebar-text2; } .csd & { transition: $transition; } > menuitem { transition: $transition; min-height: 20px; padding: 4px 8px; color: $titlebar-text2; &:hover { // Seems like it :hover even with keyboard focus transition: none; background-color: $overlay-checked; color: $titlebar-text; } &:disabled { color: $titlebar-text2-disabled; } } } // Needed to make the border-radius of menus work // otherwise the background bleeds out of the menu edges .background.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; // See https://bugzilla.gnome.org/show_bug.cgi?id=591258 padding: 4px 0; box-shadow: inset 0 1px highlight($surface); background-color: $surface; background-clip: border-box; border: 1px solid $divider; // adds borders in a non composited env .csd & { border: none; // axes borders in a composited env border-radius: $corner-radius; } menuitem { transition: background-color $duration $ease-out; min-height: 20px; min-width: 40px; padding: 4px 8px; color: $text; font: initial; text-shadow: none; &:hover { transition: none; background-color: $overlay-hover; } &:disabled { color: $text-disabled; } // submenu indicators arrow { min-height: 16px; min-width: 16px; color: $text2; &:disabled { color: $text2-disabled; } &: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: $surface; color: $text2; &.top { margin-top: -4px; border-bottom: 1px solid $divider; border-radius: $corner-radius $corner-radius 0 0; -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } &.bottom { margin-top: 4px * 2; margin-bottom: -4px * 3; border-top: 1px solid $divider; border-radius: 0 0 $corner-radius $corner-radius; -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } &:hover { background-image: image($overlay-hover); } &:disabled { border-color: transparent; background-color: transparent; color: transparent; // color: $text2-disabled; } } separator { margin: 4px 0; } } menuitem { accelerator { color: $text2; } &:disabled accelerator { color: $text2-disabled; } } /************ * Popovers * ************/ popover.background { transition: $transition-shadow; padding: 2px; box-shadow: $shadow-z4; // TODO: this should really have a highlight background-color: $surface; &:backdrop { box-shadow: $shadow-z2; } &, .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: $corner-radius + 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; } // FIXME: Use the popover color instead of transparent as a workaround for .view list, .view:not(:selected), toolbar { background-color: $surface; } &.touch-selection, &.magnifier, &.osd { // @extend %osd; } button:not(.suggested-action):not(.destructive-action) { // @extend %button-flat; } .linked:not(.vertical) > entry:not(:only-child) { // border-radius: $corner-radius $corner-radius 0 0; } &.menu button, button.model { @extend %button-flat; min-height: 32px; padding: 0 8px; border-radius: $corner-radius; &:checked { // color: $primary; } } separator { margin: 4px 0; } list separator { margin: 0; } } /************* * Notebooks * *************/ notebook { frame > paned > & > header, &.frame > header { background-color: $base-alt; } &:focus tab:checked { box-shadow: inset 0 0 0 9999px rgba($primary, 0.12); } > header { border-width: 1px; border-color: $divider; background-color: $background; background-clip: border-box; &.top { border-bottom-style: solid; > tabs { margin-bottom: -1px; > tab { border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2 / 0 0 2px; &:checked { border-image-source: linear-gradient(to top, $primary 2px, $divider 2px); } &.reorderable-page { border-image-width: 0 1px 2px; } } } } &.bottom { border-top-style: solid; > tabs { margin-top: -1px; > tab { border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2 / 2px 0 0; &:checked { border-image-source: linear-gradient(to bottom, $primary 2px, $divider 2px); } &.reorderable-page { border-image-width: 2px 1px 0; } } } } &.left { border-right-style: solid; > tabs { margin-right: -1px; > tab { border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2 / 0 2px 0 0; &:checked { border-image-source: linear-gradient(to left, $primary 2px, $divider 2px); } &.reorderable-page { border-image-width: 1px 2px 1px 0; } } } } &.right { border-left-style: solid; > tabs { margin-left: -1px; > tab { border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2 / 0 0 0 2px; &:checked { border-image-source: linear-gradient(to right, $primary 2px, $divider 2px); } &.reorderable-page { border-image-width: 1px 0 1px 2px; } } } } &.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 { min-height: 16px; min-width: 16px; border-radius: 0; @extend %ripple; @include ink-color($text2); &:disabled { color: $text2-disabled; } } tab { transition: $transition, background-size 0ms, background-image 0ms; min-height: $small-size; min-width: $small-size; padding: $container-padding 12px; border-width: 1px; // for reorderable tabs border-color: transparent; // outline: none; background-image: radial-gradient(circle, $primary 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; background-clip: border-box; color: $text2; font-weight: 500; &:hover { background-color: $overlay-hover; } &:disabled { color: $text2-disabled; } &:checked { transition: $transition, background-size $ripple-fade-in-duration $ease-out, background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; color: $text; &:disabled { color: $text-disabled; } &.reorderable-page { border-color: $divider; background-color: $base; } } // FIXME: The tab node doesn't have :drop(active), instead its child box has it. > box { transition: background-color $duration $ease-out; margin: -$container-padding -12px; padding: $container-padding 12px; &:drop(active) { background-color: $overlay-hover; } } // colors the button like the label, overridden otherwise button.flat { @extend %button-small; &: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 { 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 { border-style: solid none; } } } } > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks background-color: $base; } } /************** * Scrollbars * **************/ scrollbar { $_slider_min_length: 24px; // disable steppers @at-root * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } transition: $transition; background-color: $base; // scrollbar border &.top { border-bottom: 1px solid $divider; } &.bottom { border-top: 1px solid $divider; } &.left { border-right: 1px solid $divider; } &.right { border-left: 1px solid $divider; } // slider slider { transition: background-color $duration $ease-out; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: $circular-radius; background-clip: padding-box; background-color: $text-disabled; &:hover { background-color: $text2; } &:active { background-color: $text; } &:disabled { background-color: $text2-disabled; } } &.fine-tune { slider { min-width: 4px; min-height: 4px; } &.horizontal slider { margin: 2px 0; } &.vertical slider { margin: 0 2px; } } &.overlay-indicator { &:not(.fine-tune) slider { transition-property: background-color, min-height, min-width; } &: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, 0.3); } button { min-width: 4px; min-height: 4px; margin: 4px - 1px; border: 1px solid rgba($base, 0.3); border-radius: $circular-radius; background-color: $text-disabled; background-clip: padding-box; -gtk-icon-source: none; &:disabled { background-color: $text2-disabled; } } &.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($surface, 0.9); } } &.horizontal slider { min-width: $_slider_min_length; } &.vertical slider { min-height: $_slider_min_length; } // button styling button { @extend %button-flat-basic; 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: all $duration $ease-out; margin: $container-padding 0; padding: 0 2px; border: 5px solid transparent; border-radius: $circular-radius; background-color: $stroke; background-clip: padding-box; font-size: 0; &:checked { background-color: rgba($primary, 0.5); } &:disabled { opacity: 0.5; } // hide on/off icons for >=3.24.5 image { margin: -8px; -gtk-icon-transform: scale(0); } slider { transition: all $duration $ease-out; min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: $circular-radius; outline: none; box-shadow: 0 0 0 10px transparent, $shadow-z1; background-color: $switch-surface; } &:hover slider { box-shadow: 0 0 0 10px $overlay-hover, $shadow-z1; } &:focus slider { box-shadow: 0 0 0 10px $overlay-focus, $shadow-z1; } &:checked slider { background-color: $primary; color: $primary; } 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:not(list) .tile check { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: $icon-shadow-z2; &:hover, &:active { -gtk-icon-shadow: $icon-shadow-z4; } @each $class, $suffix in ("": "-unchecked", ":checked": "-checked") { &#{$class} { $_url: 'assets/selectionmode-checkbox#{$suffix}#{$asset-suffix}'; -gtk-icon-source: -gtk-scaled(url("#{$_url}.png"), url("#{$_url}@2.png")); } } } checkbutton, radiobutton { outline: none; } checkbutton.text-button, radiobutton.text-button { // this is for a nice focus on check and radios text padding: 2px; 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; border-radius: $circular-radius; @extend %ripple; @include ink-color($text2); &:checked, &:indeterminate { @include ink-color($primary); } &:disabled { color: $text2-disabled; } &:only-child { // margin: -12px; } popover modelbutton.flat & { &, &:focus, &:hover, &:focus:hover, &:active, &:disabled { transition: none; // FIXME: this is a workaround for a popover check/radio long transition issue box-shadow: none; background-image: none; } &.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; } &, &:hover, &:disabled { box-shadow: none; } } } %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-size: 10px / $check-radio-size / 2; border-image-source: -gtk-gradient( radial, center center, 0, center center, .001, to($primary), to(transparent) ); &:checked:not(:indeterminate) { border-image-source: -gtk-gradient( radial, center center, 0, center center, $radio-indicator-size, to($primary), to(transparent) ); &:disabled { border-image-source: -gtk-gradient( radial, center center, 0, center center, $radio-indicator-size, to($text2-disabled), to(transparent) ); } } } %small_check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: $corner-radius; -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. radio:not(:checked):active { // -gtk-icon-transform: scale(0); } // Otherwise, treeview.view styling will be applied... treeview.view check, treeview.view radio { padding: 0; color: $text2; &:checked, &:indeterminate { color: $primary; } &:disabled { color: $text2-disabled; } &, &:hover, &:selected, &:selected:hover { box-shadow: none; background-color: transparent; } } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { // sizing $_marks_length: 8px; $_marks_distance: 7px; $trough_size: 2px; $finetune_trough_size: 4px; $slider_size: 32px; $slider_margin: -($slider_size - $trough_size) / 2; $finetune_slider_margin: -($slider_size - $finetune_trough_size) / 2; $color_slider_margin: -($slider_size) * 3 / 4; $color_marks_slider_margin: -($slider_size - 16px) - $color_slider_margin; min-height: $trough_size; min-width: $trough_size; &.horizontal { padding: ($medium-size - $trough_size) / 2 12px; } &.vertical { padding: 12px ($medium-size - $trough_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; } // click-and-hold the slider to activate &.fine-tune { &.horizontal { min-height: $finetune_trough_size; padding-top: ($medium-size - $finetune_trough_size) / 2; padding-bottom: ($medium-size - $finetune_trough_size) / 2; } &.vertical { min-width: $finetune_trough_size; padding-left: ($medium-size - $finetune_trough_size) / 2; padding-right: ($medium-size - $finetune_trough_size) / 2; } // to make the trough grow in fine-tune mode slider { margin: $finetune_slider_margin; } } // the backing bit trough { transition: background-color $duration $ease-out; outline: none; background-color: $stroke; &:disabled { background-color: $stroke-disabled; } } // the colored part of the backing bit highlight { transition: background-image $duration $ease-out; background-image: image($primary); &:disabled { background-color: $background; background-image: image($text2-disabled); } } // 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: background-color $duration $ease-out; background-color: $stroke; &:disabled { background-color: transparent; } } slider { transition: background-color $duration $ease-out, background-size $ripple-fade-out-duration $ease-out, background-image $ripple-fade-out-opacity-duration $ease-out; background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; color: $primary; @each $class, $suffix in ("": "", ":disabled": "-disabled") { &#{$class} { $_url: 'assets/scale-slider#{$suffix}#{$asset-suffix}'; background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')), radial-gradient(circle, transparent 10%, transparent 0%); } } &:hover { background-color: $overlay-hover; } &:focus { background-color: $overlay-focus; } &:active { $_url: 'assets/scale-slider#{$asset-suffix}'; transition: background-color $duration $ease-out, background-size 0ms, background-image 0ms; animation: ripple-on-slider $ripple-fade-in-duration $ease-out forwards; background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')), radial-gradient(circle, $overlay-active 10%, transparent 0%); background-size: auto, 0% 0%; } } marks, value { color: $text2; } indicator { background-color: $stroke; color: transparent; } //marks margins @each $scale_orient, $marks_class, $marks_pos, $marks_margin in (horizontal, top, top, bottom), (horizontal, bottom, bottom, top), (vertical, top, left, right), (vertical, bottom, right, left) { &.#{$scale_orient} marks { &.#{$marks_class} { margin-#{$marks_margin}: $_marks_distance; margin-#{$marks_pos}: -($_marks_distance + $_marks_length); } } &.#{$scale_orient}.fine-tune marks { &.#{$marks_class} { margin-#{$marks_margin}: $_marks_distance - 1px; margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 1px); } } } &.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_class, $marks_infix in ( ".marks-before:not(.marks-after)": "-marks-before", ".marks-after:not(.marks-before)": "-marks-after" ) { &#{$dir_class}#{$marks_class} { slider { @each $state_class, $state_infix in ("": "", ":disabled": "-disabled") { &#{$state_class} { $_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')), radial-gradient(circle, transparent 10%, transparent 0%); } } &:active { $_scale_asset: 'assets/scale#{$dir_infix}#{$marks_infix}-slider#{$asset-suffix}'; background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')), radial-gradient(circle, $overlay-active 10%, transparent 0%); } } } } } &.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: $text2; font-size: smaller; trough { background-color: $stroke-disabled; } progress { background-color: $primary; } &.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; } } // makes the progress indicator disappear, when the fraction is 0 trough.empty progress { all: unset; } } /************* * 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: $corner-radius; // box-shadow: $shadow-z1; // background-color: $base; &:disabled { // background-color: $base-alt; } } block { &.low { background-color: $warning; } &.high, &:not(.empty) { background-color: $primary; } &.full { background-color: $success; } &.empty { background-color: $stroke-disabled; } } } /**************** * Print dialog * *****************/ printdialog { paper { padding: 0; border: 1px solid $divider; background-color: $base; color: $text; } .dialog-action-box { margin: 12px; } } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid $divider; border-radius: 0; box-shadow: none; &.flat { border-style: none; } } // for backward compatibility frame.flat > border { border-style: none; } actionbar > revealer > box { padding: $container-padding; border-top: 1px solid $divider; background-color: $base; background-clip: border-box; button:not(.suggested-action):not(.destructive-action) { @extend %button-flat; } .linked:not(.vertical) > entry:not(:only-child) { border-radius: $corner-radius $corner-radius 0 0; } } 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: $divider; background-color: $base; &:dir(rtl) { border-style: solid solid none none; } } } // vbox and hbox separators separator { min-width: 1px; min-height: 1px; background-color: $divider; } %hide_separators { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: $divider; background-color: $base; row { padding: 2px; } } row { &.activatable { @extend %ripple; @include ink-color($text, $fg: false); @include list-item; // this is for indicathing which row generated a popover // see https://bugzilla.gnome.org/show_bug.cgi?id=754411 &.has-open-popup { background-color: $overlay-checked; } } &:selected { @extend %selected_items; @include ink-color($primary, $fg: false); } } /********************* * App Notifications * *********************/ .app-notification { // @extend %osd; @extend %toolbar-osd; margin: 8px; button { @extend %button-flat; &.text-button:not(:disabled) { @include ink-color($primary); } } &.frame, border { border-style: none; } } /************* * Expanders * *************/ expander { title > arrow { transition: all $duration $ease-out; 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: $text2; &:hover, &:active { color: $text; } &:disabled { color: $text2-disabled; } } } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid $divider; color: $text; &:disabled { color: $text-disabled; } &:selected { @extend %selected_items; border-radius: $corner-radius + 1px; } &.header { border-style: none none solid; border-color: $divider; border-radius: 0; } &.button { border-radius: $corner-radius + 1px; color: $text2; &:hover { background-image: image($overlay-hover); } &:disabled { color: $text2-disabled; } } &.highlight { color: $text2; font-weight: 500; } &:indeterminate { color: $text2-disabled; } } /*********** * Dialogs * ***********/ messagedialog { // Message Dialog styling &.background { background-color: $surface; } .titlebar { min-height: $small-size; border-style: none; box-shadow: inset 0 1px highlight($surface); background-color: $surface; color: $text; &:backdrop { background-color: $surface; color: $text2; } } &.csd { // rounded bottom border styling for csd version &.background { // bigger radius for better antialiasing border-bottom-left-radius: $corner-radius; border-bottom-right-radius: $corner-radius; } } // Hint text box.vertical > label + label { color: $text2; } .dialog-action-box { margin-top: -$container-padding; // padding: $container-padding; button:not(:last-child) { margin-right: $container-padding; } } } .dialog-action-box button { @extend %button-flat; &:not(:disabled) { @include ink-color($primary); } &.suggested-action:not(:disabled) { background-color: transparent; // @include ink-color($primary); } &.destructive-action:not(:disabled) { background-color: transparent; @include ink-color($error); } } filechooser { .dialog-action-box { border-top: 1px solid $divider; } #pathbarbox { border-bottom: 1px solid $divider; background-color: $background; > stack > box > button { // The new folder button @extend %button-flat; border-radius: $circular-radius; } } } filechooserbutton:drop(active) { // box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: $base-alt; &:not(separator) { @at-root %sidebar_left, &:dir(ltr), &.left, &.left:dir(rtl) { border-right: 1px solid $divider; border-left-style: none; } @at-root %sidebar_right, &:dir(rtl), &.right { border-left: 1px solid $divider; 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; } } } + separator.vertical, separator.horizontal { @extend %hide_separators; } list { padding: 4px; background-color: $base-alt; // This should not be necessary, but the parent stacksidebar ignores background-color. } row { min-height: 32px; padding: 0 8px - 6px; border-radius: $corner-radius; &:selected { font-weight: 500; @include ink-color($primary, $activated: true); } + row { margin-top: 4px; } > label { padding-left: 6px; padding-right: 6px; } &.needs-attention > label { @extend %needs-attention; } } } separator.sidebar { background-color: $divider; &.selection-mode, .selection-mode & { // background-color: $divider; } } /**************** * File chooser * ****************/ // dim the sidebar icons, see bug #786613 for details on this oddity row image.sidebar-icon { transition: color $duration $ease-out; color: $text2; &:disabled { color: $text2-disabled; } } placessidebar.sidebar { > viewport.frame { border-style: none; } list { padding: (4px - 3px) 0 4px; } row { // Needs overriding of the GtkListBoxRow padding min-height: 32px; margin: -1px 4px; // Remove unwanted hard-coded vertical margins with -1px padding: 0; border-radius: $corner-radius; // Using margins/padding directly in the SidebarRow // will make the animation of the new bookmark row jump > revealer { padding: 0 8px; } &:selected { font-weight: 500; @include ink-color($primary, $activated: true); image.sidebar-icon { color: $primary; } } &:disabled { color: $text-disabled; } image.sidebar-icon { &:dir(ltr) { padding-right: 8px; } &:dir(rtl) { padding-left: 8px; } } label.sidebar-label { &:dir(ltr) { padding-right: 2px; } &:dir(rtl) { padding-left: 2px; } } @at-root button.sidebar-button { @extend %button-flat-basic; @extend %button-small; } &.sidebar-placeholder-row { background-color: $overlay-hover; } &.sidebar-new-bookmark-row { color: $primary; image.sidebar-icon { color: $primary; } } } } placesview { .server-list-button { > image { -gtk-icon-transform: rotate(0turn); } &: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($divider); background-size: 1px 1px; background-clip: content-box; // avoids borders image being rendered twice (?) &.wide { min-width: 6px; min-height: 6px; background-color: $background; background-image: image($divider), image($divider); 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, &.question { border-bottom: 1px solid $divider; background-color: $base; button { @extend %button-flat; &.text-button:not(:disabled) { @include ink-color($primary); } } } &.warning { background-color: $warning; color: on($warning); button.flat { @include ink-color(on($warning)); } selection {} *:link { color: on($warning); } } &.error { background-color: $error; color: on($error); button.flat { @include ink-color(on($error)); } selection {} *:link { color: on($error); } } // Remove ugly hard-coded padding button label { margin: 0 -4px; } } /************ * Tooltips * ************/ tooltip { &.background { // background-color needs to be set this way otherwise it gets drawn twice // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. background-color: $tooltip; color: on($tooltip); } // padding: 4px; /* not working */ border-radius: $corner-radius; box-shadow: none; // otherwise it gets inherited by windowframe.csd &:not(.csd):not(.unity-csd) { // border: 1px solid $divider; // border-radius: $corner-radius + 1px; // background-clip: $background-clip-extra; } // FIXME: we need a border or tooltips vanish on black background. decoration { background-color: transparent; } > box { margin: -6px; // Remove hard-coded 6px margin min-height: 32px - 4px * 2; padding: 4px 8px; } .dim-label { color: on($tooltip, text2); } * { // workaround for Eclipse. // do not include any declaration here. } } /***************** * 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: $corner-radius + 0.5px; border-top-right-radius: $corner-radius + 0.5px; overlay { border-top-left-radius: $corner-radius; border-top-right-radius: $corner-radius; } } &.bottom { border-bottom-left-radius: $corner-radius + 0.5px; border-bottom-right-radius: $corner-radius + 0.5px; overlay { border-bottom-left-radius: $corner-radius; border-bottom-right-radius: $corner-radius; } } &.left, &:first-child:not(.top) { border-top-left-radius: $corner-radius + 0.5px; border-bottom-left-radius: $corner-radius + 0.5px; overlay { border-top-left-radius: $corner-radius; border-bottom-left-radius: $corner-radius; } } &.right, &:last-child:not(.bottom) { border-top-right-radius: $corner-radius + 0.5px; border-bottom-right-radius: $corner-radius + 0.5px; overlay { border-top-right-radius: $corner-radius; border-bottom-right-radius: $corner-radius; } } &.dark { color: on(dark); } &.light { color: on(light); } overlay { transition: $transition-shadow; box-shadow: $shadow-z1; &:drop(active), &:hover { box-shadow: $shadow-z3; } } &#add-color-button { border-radius: $corner-radius $corner-radius 0 0; color: $text; &:only-child { border-radius: $corner-radius; } overlay { background-color: $surface; } } &:disabled { opacity: 0.5; overlay { box-shadow: none; } } row:selected & { } &#editor-color-sample { border-radius: $corner-radius + 0.5px; overlay { border-radius: $corner-radius; &:hover { // box-shadow: $shadow-z1; } } } } // colorscale popup colorchooser .popover.osd { transition: $transition-shadow; border-radius: $corner-radius; box-shadow: $shadow-z4, inset 0 1px highlight($surface); background-color: $surface; &:backdrop { box-shadow: $shadow-z2, inset 0 1px highlight($surface); } } /******** * Misc * ********/ // content view (grid/list) .content-view { background-color: $background; &:hover { // -gtk-icon-effect: highlight; } rubberband, .rubberband { @extend rubberband; } } .scale-popup { .osd & { // @extend %osd; button.flat { // FIXME: quick hack, redo properly } } button { // +/- buttons on GtkVolumeButton popup } } /********************** * Window Decorations * **********************/ decoration { transition: $transition-shadow; border-radius: $corner-radius $corner-radius 0 0; box-shadow: $shadow-z16, 0 16px (24px * .6) 2px transparent, 0 6px (30px * .6) 5px 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-z4, 0 16px (24px * .6) 2px transparent, 0 6px (30px * .6) 5px 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: $corner-radius; box-shadow: $shadow-z4; } tooltip.csd & { border-radius: $corner-radius; box-shadow: none; } messagedialog.csd & { border-radius: $corner-radius; // box-shadow: $shadow-z24, 0 24px (38px * .6) 3px transparent, 0 9px (46px * .6) 8px transparent; &:backdrop { // box-shadow: $shadow-z4, 0 24px (38px * .6) 3px transparent, 0 9px (46px * .6) 8px transparent; } } .solid-csd & { margin: 0; padding: 2px; border-radius: 0; box-shadow: none; box-shadow: inset 0 1px highlight($titlebar); background-color: $titlebar; &:backdrop { background-color: $titlebar-backdrop; } } } // Window Close button button.titlebutton { border-radius: $circular-radius; .selection-mode & { } } // catch all extend :) %selected_items { background-color: $overlay-selected; } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ // touch selection handlebars for the Popover.osd above cursor-handle { color: $primary; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); &.top:dir(ltr), &.bottom:dir(rtl) { -gtk-icon-transform: rotate(90deg); } &.bottom:dir(ltr), &.top:dir(rtl) { -gtk-icon-transform: unset; } &.insertion-cursor:dir(ltr), &.insertion-cursor:dir(rtl) { padding-top: 6px; -gtk-icon-transform: rotate(45deg); } } // Decouple the font of context menus from their entry/textview .context-menu { font: initial; } // 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 $divider; border-radius: $corner-radius + 1px; box-shadow: inset 0 -2px $divider; background-color: $surface; color: $text; font-size: smaller; } :not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die // caret-color: $primary; } stackswitcher button.text-button { // FIXME aggregate with buttons min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { // FIXME aggregate with buttons min-width: $medium-size; min-height: $medium-size; padding: 0; } /************* * App Icons * *************/ // Outline for low res icons .lowres-icon { // -gtk-icon-shadow: none; } // Drapshadow for large icons .icon-dropshadow { // -gtk-icon-shadow: none; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; entry { border-bottom: 1px solid $divider; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } scrolledwindow { border-bottom: 1px solid $divider; } } button.emoji-section { margin: 4px; &:checked { // background-color: transparent; @include ink-color($primary, $activated: true); } &:not(:last-child) { margin-right: 0; } } popover.emoji-picker .emoji { min-width: 3em; min-height: 3em; padding: 0 8px; // font-size: larger; widget { transition: $transition; border-radius: $corner-radius; &:hover { background-color: $overlay-hover; } } } popover.emoji-completion { padding: 8px 0; arrow { border: none; background: none; } .emoji-completion-row { min-height: $menuitem-size; padding: 0 12px; } .emoji:hover { background-color: $overlay-hover; } } materia-theme-20200320/src/_sass/gtk/_drawing-3.20.scss000066400000000000000000000143411363503524500222320ustar00rootroot00000000000000// generic drawing of more complex things // // Ripple keyframes // @keyframes ripple { to { background-size: 1000% 1000%; } } @keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } @keyframes ripple-on-headerbar { from { background-image: radial-gradient(circle, $primary 0%, transparent 0%); } to { background-image: radial-gradient(circle, $primary 100%, transparent 0%); } } @mixin entry($t, $fc: $primary) { // // entry // // $t: entry type // $fc: focus color // @if $t == normal { transition: $transition, border-image $ripple-fade-in-duration $ease-out; border-image: radial-gradient( circle closest-corner at center calc(100% - 1px), $fc 0%, transparent 0% ) 2 / 0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px if($fc == $primary, $stroke, $fc); background-color: $entry-fill; color: $text; caret-color: $fc; } @if $t == hover { box-shadow: inset 0 0 0 9999px $overlay-hover, inset 0 -1px if($fc == $primary, $stroke, $fc); } @if $t == focus { box-shadow: inset 0 0 0 9999px $overlay-focus, inset 0 -1px if($fc == $primary, $stroke, $fc); } @if $t == checked { border-image: radial-gradient( circle closest-corner at center calc(100% - 1px), $fc 100%, transparent 0% ) 2 / 0 0 2px; } @if $t == disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px $stroke-disabled; background-color: $entry-fill; color: $text-disabled; } @if $t == raised-normal { transition: $transition; border-image: none; box-shadow: $shadow-z1; background-color: if($fc == $primary, $surface, $fc); color: if($fc == $primary, $text, on($fc)); caret-color: if($fc == $primary, $fc, on($fc)); } @if $t == raised-hover { box-shadow: $shadow-z3; } @if $t == raised-focus { border-image: none; box-shadow: $shadow-z3; } @if $t == raised-disabled { box-shadow: $shadow-z1; background-color: $base-alt; color: $text-disabled; } } $ripple-transition-property: all, border-image, background-size, background-image; $ripple-transition-duration: $duration, $ripple-fade-in-duration, $ripple-fade-out-duration, $ripple-fade-out-opacity-duration; $ripple-active-transition-duration: $duration, $ripple-fade-in-duration, 0ms, 0ms; %ripple { transition-property: $ripple-transition-property; transition-duration: $ripple-transition-duration; transition-timing-function: $ease-out; outline: none; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; &:active { transition-duration: $ripple-active-transition-duration; animation: ripple $ripple-fade-in-duration $ease-out forwards; background-size: 0% 0%; } } @mixin raised-ink-color($color, $opacity-modifier: 0) { @if saturation($color) > 50% { $opacity-modifier: .04; } $overlay-hover-opacity: .04; box-shadow: inset 0 0 0 9999px transparent, $shadow-z2; &:drop(active), &:hover { box-shadow: inset 0 0 0 9999px rgba($color, $overlay-hover-opacity + $opacity-modifier), $shadow-z4; } &:focus { box-shadow: inset 0 0 0 9999px rgba($color, $overlay-focus-opacity + $opacity-modifier), $shadow-z4; } &:active { box-shadow: inset 0 0 0 9999px rgba($color, $overlay-focus-opacity + $opacity-modifier), $shadow-z8; background-image: radial-gradient(circle, rgba($color, $overlay-active-opacity + $opacity-modifier) 10%, transparent 0%); } } @mixin ink-color($color, $opacity-modifier: 0, $fg: true, $activated: false) { @if saturation($color) > 50% { $opacity-modifier: .04; } @if $fg { color: $color; } @if $activated { background-color: rgba($color, $overlay-checked-opacity + $opacity-modifier); } box-shadow: inset 0 0 0 9999px transparent; &:drop(active), &:hover { box-shadow: inset 0 0 0 9999px rgba($color, $overlay-hover-opacity + $opacity-modifier); } &:focus { box-shadow: inset 0 0 0 9999px rgba($color, $overlay-focus-opacity + $opacity-modifier); } &:active { background-image: radial-gradient(circle, rgba($color, $overlay-active-opacity + $opacity-modifier) 10%, transparent 0%); } } @mixin list-item { &:drop(active):not(:active), &:hover:not(:active) { transition-property: $ripple-transition-property, box-shadow; transition-duration: $ripple-transition-duration, 0ms; } } @mixin overshoot($side) { $valid-sides: top, bottom, left, right; @if not index($valid-sides, $side) { @error "#{$side} is not a valid side. Expected one of #{$valid-sides}."; } $_position: center $side; @if $side == left or $side == right { $_position: $side center; } background-image: -gtk-gradient(radial, $_position, 0, $_position, 0.75, to(rgba($primary, 0.24)), 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($side) { $valid-sides: top, bottom, left, right; @if not index($valid-sides, $side) { @error "#{$side} is not a valid side. Expected one of #{$valid-sides}."; } $_undershoot_color_dark: $stroke; $_undershoot_color_light: transparent; $_gradient_dir: left; $_dash_bg_size: 12px 1px; $_gradient_repeat: repeat-x; $_bg_pos: left $side; @if $side == left or $side == right { $_gradient_dir: top; $_dash_bg_size: 1px 12px; $_gradient_repeat: repeat-y; $_bg_pos: $side 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-#{$side}: 1px; background-size: $_dash_bg_size; background-repeat: $_gradient_repeat; background-origin: content-box; background-position: $_bg_pos; } materia-theme-20200320/src/_sass/gtk/apps/000077500000000000000000000000001363503524500201235ustar00rootroot00000000000000materia-theme-20200320/src/_sass/gtk/apps/_budgie.scss000066400000000000000000000312721363503524500224230ustar00rootroot00000000000000// based css: // https://github.com/solus-project/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: $corner-radius; @extend %button-flat-basic; } } .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: $corner-radius + 1px; box-shadow: $shadow-z4; background-color: $surface; .container { padding: 2px; } border { border: none; } list { background-color: transparent; } row { padding: 0; &:hover { box-shadow: none; } } button.flat:not(.image-button) { min-height: $menuitem-size; padding: 0 8px; color: $text; font-weight: normal; &:disabled { color: $text-disabled; } } &.budgie-menu { .container { padding: 0; } .sidebar, scrollbar, entry.search { background-color: transparent; } entry.search { border-bottom: 1px solid $divider; border-image: none; border-radius: 0; box-shadow: none; font-size: 120%; } button.flat:not(.image-button) { min-height: 32px; padding: 0 8px; border-radius: 0; @include list-item; &:checked { @extend %selected_items; } &:checked:disabled { background-color: transparent; } // remove pointless indicator } } &.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; } // FIXME: untested .message-bar { // margin-bottom: 4px; } .name-button { image { &:dir(ltr) { margin-right: 8px - 5px; } &:dir(rtl) { margin-left: 8px - 5px; } } } .unmount-button { margin: ($menuitem-size - $small-size) / 2; padding: 0; } .places-section-header { } .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid $divider; } // FIXME: untested .unlock-area { entry { } button { } } // use such sizes for consistency with other hard-coded dim-label sizes .alternative-label { padding: 3px; font-size: 15px; } } &.workspace-popover { .container { padding: 8px; } separator { margin: 4px 0; } flowboxchild { padding: 0; } } } // FIXME: workspace has unnecessary/unknown margin .workspace-switcher { .workspace-layout { border: 0 solid on($panel, divider); .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 on($panel, divider); .top &, .bottom & { &:dir(ltr) { border-right-width: 1px; } &:dir(rtl) { border-left-width: 1px; } } .left &, .right & { border-bottom-width: 1px; } } .workspace-item { transition: $transition; &.current-workspace { background-color: $overlay-checked; } } .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: $corner-radius; } } } // Menu Button button.budgie-menu-launcher { // padding: 0 2px; } // Raven Trigger button.raven-trigger { // padding: 0 4px; } // Panel .budgie-panel { transition: background-color $duration $ease-out; background-color: $panel; color: on($panel, text2); font-weight: 500; &.transparent { background-color: $scrim; } button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; @include ink-color(on($panel, text2)); &:disabled { color: on($panel, text2-disabled); } &:checked { color: on(dark); &:disabled { color: on(dark, text-disabled); } } } &.horizontal button { padding: 0 4px; } &.vertical button { padding: 4px 0; } separator { background-color: on($panel, stroke); } // used to indicate unread notifications .alert { color: on($panel, primary); } // End Section needs to be fancy .end-region { // background-color: rgba(0,0,0,0.2); } // budgie-pixel-saver-applet .titlebar:not(headerbar) { min-height: 0; padding: 0; box-shadow: none; background-color: transparent; color: on($panel); button:not(.suggested-action):not(.destructive-action) { color: on($panel, text2); } } // 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: on($panel, text-disabled); &:disabled { color: on($panel, text2-disabled); } } } .unpinned button.flat.launcher, .pinned button.flat.launcher.running { @extend %underscores-checked; } } $underscores-list: (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); %underscores { @each $pos, $b_pos, $b_wid in $underscores-list { .#{$pos} & { & { border-image: radial-gradient( circle closest-corner at #{$b_pos}, currentColor 0%, transparent 0% ) 0 0 0 0 / 0 0 0 0; } @at-root %underscores-checked, &: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-z16; } $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 $divider; } // Raven borders .#{$pos} frame.raven-frame > border { margin-#{$b_pos}: 32px; // border-#{$b_pos}: 1px solid $divider; } // Shadows // .#{$pos} .shadow-block { background-image: linear-gradient(to $b_pos, $divider, transparent); } } // Raven .raven { background-color: $surface; list { background-color: transparent; } > box:not(:only-child) { margin-bottom: -10px; } // remove extra space between box and .raven-header.bottom .raven-header { min-height: $medium-size; padding: 3px; // Adopt tabs style only for .top &.top { padding: 0; border-bottom: 1px solid $divider; stackswitcher.linked > button { @extend %button-flat-activatable; margin: -4px 0 -5px; // remove unwanted vertical margins padding: 0 16px; min-height: $large-size; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $primary 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), $primary 100%, transparent 0%) 0 0 2 / 0 0 2px; background-color: transparent; } } } &.bottom { border-top: 1px solid $divider; } } stack { .raven-header { margin-top: -6px; } // remove extra space in Notifications stack scrolledwindow .raven-header { margin-top: -8px; } // remove extra spaces in Applets stack } .expander-button { border-radius: $circular-radius; } .raven-background { // &.middle { border-bottom-style: none; } // applet background between two headers // Adopt Choice chips style stackswitcher.linked > button { @extend %button-flat-activatable; margin: -2px 8px 9px; padding: 0 12px; min-height: 32px; border-radius: $circular-radius; background-color: $fill; font-weight: normal; &:checked { @include ink-color($primary); } &:not(:first-child) { margin-left: 0; } } // Default music icon > overlay > widget > image { color: $fill; } } revealer > .raven-background { border-bottom: 1px solid $divider; } .raven-header + .raven-background { border-top: 1px solid $divider; } // Application block in Notifications stack viewport.frame > list > row { // Remove all effects. This should be just a container. padding: 0; box-shadow: none; background: none; &:not(:first-child) { border-top: 1px solid $divider; } > box { // Remove awkward hard-coded margins margin-top: -5px; margin-left: -5px; margin-bottom: -5px; // Application header > box { padding: 6px; margin-bottom: -10px; // Remove hard-coded spacing } // Notifications > list > row { padding: 8px; > box { margin-bottom: -5px; // Remove hard-coded margin-bottom > box { // Title > label { font-weight: bold; } // Close button > button.image-button { padding: 0; } } > label { margin-top: -6px; // For less spacing: 10 -> 4 font-size: smaller; } } } } } .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 { @extend %selected_items; border-radius: $corner-radius; } } // MPRIS Applet .raven-mpris { background-color: $scrim; color: on($scrim); label { min-height: 24px; } button.image-button { padding: ($large-size - 24px) / 2; @include ink-color(on($scrim, text2)); } } // Notifications .budgie-notification-window { background-color: transparent; } .budgie-notification { .notification-title { font-size: 120%; } .notification-body { color: $text2; } } // 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: $corner-radius; box-shadow: $shadow-z4, inset 0 1px highlight($surface); background-color: $surface; button { @extend %button-flat; &.text-button:not(:disabled) { @include ink-color($primary); } } .linked > button { margin-right: $container-padding; } } %budgie_dialog { border-radius: $corner-radius; box-shadow: inset 0 1px highlight($surface); background-color: $surface; decoration { border-radius: $corner-radius; } } // Session Dialog .budgie-session-dialog { @extend %budgie_dialog; > box { padding: 8px; } // Hide power icon image { margin: -8px; -gtk-icon-transform: scale(0); } label:not(:last-child), .dialog-title { margin-bottom: 8px; font-size: 20px; font-weight: 500; } .dialog-title + label { color: $text2; } .linked.horizontal > button { @extend %button-flat; &:not(:last-child) { margin-right: 8px; } &:not(:disabled) { @include ink-color($primary); } } } // PolKit Dialog .budgie-polkit-dialog { @extend %budgie_dialog; .message { color: $text2; } .failure { color: $error; } } // Run Dialog .budgie-run-dialog { @extend %budgie_dialog; entry.search { font-size: 120%; padding: $container-padding 8px + $container-padding; border-image: none; box-shadow: none; background-color: transparent; } list { padding: 4px 0; background-color: transparent; .dim-label { color: inherit; } } scrolledwindow { border-top: 1px solid $divider; } scrollbar { &.right, &.bottom { border-bottom-right-radius: $corner-radius; } &.left, &.bottom { border-bottom-left-radius: $corner-radius; } } } materia-theme-20200320/src/_sass/gtk/apps/_gnome-3.22.scss000066400000000000000000000532441363503524500226560ustar00rootroot00000000000000/************ * 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; } .nautilus-canvas-item { // border-radius: $corner-radius; } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: $text2; } .nautilus-desktop.nautilus-canvas-item { @extend %iconview-desktop; } // Toolbar @keyframes nautilus-operations-button-needs-attention { to { background-color: $overlay-focus; } } .nautilus-operations-button-needs-attention { animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 6 alternate; } .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button { border-radius: $circular-radius; } // Path bar .path-bar-box { transition: background-color $duration $ease-out; margin: $container-padding 0; border-radius: $corner-radius; button { margin: 0; } // reset the margin &.width-maximized { background-color: $titlebar-entry-fill; } // workaround for 3.30.1 &.background.frame { border-style: none; background-color: $titlebar-entry-fill; } // for 3.30 .path-bar button { label:not(:only-child) { &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } } } // for 3.32 .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: ($medium-size - 24px) / 2; padding-right: ($medium-size - 24px) / 2; &.text-button { min-width: 0; } label:not(:only-child) { &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } } &.text-button.image-button image:not(:only-child) { margin: 0; } &:last-child:dir(ltr), &:first-child:dir(rtl) { @extend %titlebar-button-checked; } } } // Floating status bar .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: $divider; border-radius: ($corner-radius + 1px) ($corner-radius + 1px) 0 0; background-color: rgba($surface, 0.9); &.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 %button-small; } } .disk-space-display { // border-style: solid; // border-width: 2px; &.unknown { background-color: $stroke; color: $stroke; } &.used { background-color: $primary; color: $primary; } &.free { background-color: $fill; color: $fill; } } // View // Hide superfluous treeview drop target indication .nautilus-list-view .view:not(.dnd) { // border-bottom: 1px solid $divider; } .search-information { padding: 2px; border-bottom: 1px solid $divider; background-color: $base; color: $text; } .documents-entry-tag { @extend .entry-tag; } .conflict-row:not(:selected) { background-color: mix($warning, $base, percentage(0.3)); } // Icon view .nautilus-window flowboxchild { // .icon-background { background-color: black; } .icon-item-background { padding: 4px; border-radius: $corner-radius; } &:selected { background-color: transparent; .icon-item-background { @extend %selected_items; } } } // 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 $divider; > 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: $text2; } } // Make operations button circular .nautilus-window headerbar revealer > button { border-radius: $circular-radius; } // Ensure paned separator rendering. See issue #84 for details. .nautilus-window paned > separator { background-color: $base-alt; } /********* * gedit * *********/ // based css: // https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css // hard-coded css: // https://gitlab.gnome.org/GNOME/gedit/blob/master/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: $text2; font-size: smaller; } // Only normal state is handle .open-document-selector-match { background-color: $warning; color: on($warning); } .gedit-document-panel { background-color: $base-alt; // Try to look as the notebook tab close button row button.flat { margin-top: 8px; margin-bottom: 8px; @extend %button-small; } } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid $divider; } .gedit-side-panel-paned statusbar { border-top: 1px solid $divider; } .gedit-search-slider { margin: 4px 4px 8px; .linked:not(.vertical) > entry { border-radius: $corner-radius; @extend %entry_raised; .gedit-search-entry-occurrences-tag { all: unset; color: $text2; } $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; } } &:not(.error) { background-color: $surface; } &.error ~ button { @include ink-color(on($error, text2)); &:disabled { color: on($error, text2-disabled); } } } .linked:not(.vertical) > button { border: solid $container-padding transparent; border-radius: $circular-radius; @extend %button-flat-basic; @extend %button-small; &: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; } } /********** * Tweaks * **********/ // 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($base-alt); 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); } .tweak-startup, .tweak-startup:hover { // background-color: lighter(shade(@theme_bg_color, 0.9)); background-image: image($base); } .tweak-group-startup { // background-color: @view_separators; background-image: image($base); border: 1px solid $divider; } // // Workaround for 3.26 // row#Focus, row#ClickMethod, 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 $divider; row:not(:last-child) { border-bottom: 1px solid $divider; } &.tweak > list { margin-top: -3px; } } // Add more spaces between title and list row#Focus, row#ClickMethod, row#PrimaryWorkspaceTweak, // for 3.26.0 row#workspaces-only-on-primary { margin-top: 4px; } // Workaround for gnome-tweaks 3.34 // See https://github.com/nana-4/materia-theme/issues/432 hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { background-color: inherit; box-shadow: inherit; // Remove only background-color transition. // This shouldn't be necessary, but otherwise it gets lag... transition: color $duration $ease-out; + separator { background-color: inherit; background-image: image($titlebar-divider); } } /*********** * 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 $divider; background-color: $background; button { @extend %button-flat-activatable; } > 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: $divider; box-shadow: inset 0 -2px $primary; background-color: $base; 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 { border-radius: $circular-radius; } } layout { border: 1px solid $divider; -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: $error; color: on($error); } // tweak icons for treeviews window.workbench treeview.image { color: $text2; } popover.popover-selector list { padding: 8px - 2px; row { border-radius: $corner-radius; 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: $corner-radius; } entry { color: $text2; } } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid $divider; } entry.preferences-search { border-bottom: 1px solid $divider; box-shadow: none; background-color: $base; // doesn't work properly // &:dir(ltr) { border-right: 1px solid $divider; } // &:dir(rtl) { border-left: 1px solid $divider; } } preferences stacksidebar.sidebar { list { background-color: $base-alt; } &:dir(ltr), &:dir(rtl) { list { border-style: none; }} list separator { @extend %hide_separators; } } preferences > box > box { &:dir(ltr) { border-right: 1px solid $divider; } &:dir(rtl) { border-left: 1px solid $divider; } } popover.messagepopover { &.background { padding: 0; } .popover-action-area button { @extend %button-flat-basic; padding: 8px 16px; border-top: 1px solid $divider; border-radius: 0; &:first-child { border-bottom-left-radius: $corner-radius; } &:last-child { border-bottom-right-radius: $corner-radius; } } .popover-content-area { margin: 16px; } } popover.transfers list { background-color: transparent; row:not(:first-child) { border-top: 1px solid $divider; } row > box { padding: 10px; } } dockbin { border: 1px solid $divider; -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid $divider; } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid $divider; background-color: $background; } docktabstrip { padding: 0 8px; border-bottom: 1px solid $divider; background-color: $background; } docktab { transition: $transition, background-size 0ms, background-image 0ms; min-height: $small-size; min-width: $small-size; margin-bottom: -1px; padding: $container-padding 6px; border-width: 1px; // for reorderable tabs border-color: transparent; // box-shadow: inset 0 -2px transparent; background-image: radial-gradient(circle, $primary 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: $text2; font-weight: 500; &:hover { background-color: $overlay-hover; } &:checked { transition: $transition, background-size $ripple-fade-in-duration $ease-out, background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out; box-shadow: inset 0 -2px $primary; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: $text; } } dockoverlayedge { background-color: $background; docktabstrip { padding: 0; border: none; } &.left-edge docktab:checked { box-shadow: inset -2px 0 $primary; } &.right-edge docktab:checked { box-shadow: inset 2px 0 $primary; } } pillbox { background-color: $background; border-radius: $corner-radius; } buildperspective row { // padding: 10px; } layoutpane entry.search { border-bottom: 1px solid $divider; box-shadow: none; background-color: $base; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; background-color: transparent; } // // 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: $text; font-weight: normal; &:disabled { color: $text-disabled; } } idelayoutstackheader { border-bottom: 1px solid $divider; button:checked { color: $text; } } // utilities stack switcher ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: $background; &:dir(ltr) { border-right: 1px solid $divider; } &:dir(rtl) { border-left: 1px solid $divider; } button { border-radius: 0; box-shadow: none; background-color: transparent; &:active { background-image: radial-gradient(circle, rgba($primary, 0.7) 10%, transparent 0%); } &:checked { background-color: transparent; color: $text; } &:dir(ltr) { margin-right: -1px; &:checked { box-shadow: inset -2px 0 $primary; } } &:dir(rtl) { margin-left: -1px; &:checked { box-shadow: inset 2px 0 $primary; } } } } // buildui panel ideeditorsidebar notebook header { background: transparent; } popover.messagepopover { // padding: 0; list { border: 1px solid $divider; row:not(:last-child) { border-bottom: 1px solid $divider; } } } // Workaround for hard-coded .title color dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected { // .title { color: @theme_selected_fg_color; } background-color: $primary; color: on($primary); } // Workaround for hard-coded button background #titlebar_container .suggestionbutton button { // background-color: @content_view_bg; // background-image: none; padding: 0; border-radius: 0; box-shadow: inset 0 0 0 9999px $titlebar; &:backdrop { box-shadow: inset 0 0 0 9999px $titlebar-backdrop; } // For some reason background-image doesn't work well with transition :( image { transition: box-shadow $duration $ease-out, background-color $ripple-fade-in-duration $ease-out; min-width: $medium-size; min-height: $medium-size; border-radius: $circular-radius; box-shadow: inset 0 0 0 9999px transparent; } &:hover image { box-shadow: inset 0 0 0 9999px $overlay-hover; } &:focus image { box-shadow: inset 0 0 0 9999px $overlay-focus; } &:active image { background-color: $overlay-active; } } /********** * 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: $text-disabled; } } .documents-counter { margin: 8px; border-radius: $circular-radius; box-shadow: $shadow-z4; background-color: $primary; color: on($primary); 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 $duration $ease-out; } .photos-fade-out { opacity: 0; transition: opacity $duration $ease-out; } .photos-collection-icon { } button.photos-filter-preview { color: $text; font-weight: normal; &:checked { background-color: $overlay-selected; color: $text; image { color: on(dark); -gtk-icon-shadow: $text-shadow; } } } 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: $divider; } .side-panel:dir(rtl) { // border-width: 0 0 0 1px; border-style: solid; border-color: $divider; } .side-panel .view { // background-color: mix(@theme_fg_color, @theme_bg_color, 0.9); background-image: image($base-alt); &:hover { background-image: image(mix($text, $base-alt, percentage(0.08))); } } .side-panel .view:selected { // background-color: mix(@theme_fg_color, @theme_bg_color, 0.5); background-image: image($primary); &:hover { background-image: image(mix(on($primary), $primary, percentage(0.08))); } } .songs-list { // box-shadow: inset 0 -1px shade(@borders, 1.30); // background-color: @theme_bg_color; &:hover { background-image: image($overlay-hover); } } frame.documents-dropdown { @extend %toolbar-osd; margin: 8px; > border { border: none; } } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid $divider; background-clip: border-box; // avoid black border button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); // -GtkArrow-arrow-scaling: 1; } } /************ * Terminal * ************/ terminal-window notebook > header > box { // Remove hard-coded margin around button(s) margin: -2px -2px -3px; button { // margin-bottom: -1px; border-radius: 0; } } /********* * To Do * *********/ // less than 3.28 task-list-view { taskrow { transition: $transition; margin: 0 -8px; &:hover { transition: none; } label { margin: 0 8px; } image.dim-label { min-width: 16px; } } > box > revealer > box > button { margin: (12px * 2 - $medium-size) / 2; .dim-label { color: inherit; } } } // 3.28 or later tasklistview { taskrow { outline: none; entry { &, &:focus, &:disabled { box-shadow: none; } } image.dim-label { min-width: 16px; } } > box > revealer > box > button { margin: (12px * 2 - $medium-size) / 2; .dim-label { color: inherit; } } } /******* * eog * *******/ #eog-thumb-nav { scrolledwindow { border-top: none; } } /************* * Evolution * *************/ frame.taskbar > border { border-style: solid none none; } box.vertical > paned.horizontal notebook widget .frame { border-style: none; } /******** * gitg * ********/ frame.commit-frame > border { border-style: solid none none; } /************** * Characters * **************/ box.dialog-vbox scrolledwindow.related { border: 1px solid $divider; } list.categories { background-image: image($base-alt); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: $corner-radius; background-color: $scrim; color: on($scrim); } /********** * Evince * **********/ // Color is needed for Evince to match hardcoded background-color, // since Documents app is also uses this style, background-color needs to be set accordingly. evview.content-view.view:selected { background-color: $primary; color: on($primary); } /********** * Polari * **********/ // hard-coded css: // https://gitlab.gnome.org/GNOME/polari/blob/master/data/resources/application.css // background-color is needed to match hard-coded row colors. // Just $primary is too harsh for activated rows, so add transparency. .polari-room-list row:selected { background-color: rgba($primary, .5); } /*********** * Fractal * ***********/ .message-input-area button { @extend %button-flat-activatable; } // To display the drop shadow button.osd.scroll_button { margin: 4px; } materia-theme-20200320/src/_sass/gtk/apps/_lightdm.scss000066400000000000000000000040051363503524500226060ustar00rootroot00000000000000// 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: $scrim-alt; color: on($scrim-alt); // 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: on($scrim-alt, text2); &:hover { color: on($scrim-alt); } &:disabled { color: on($scrim-alt, text2-disabled); } } } // the login window #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: $corner-radius; box-shadow: $shadow-z6, inset 0 1px highlight($surface); background-color: $surface; } // the top half of the login-window, in GtkDialog terms, the content #content_frame { padding-bottom: 28px - 12px; // take into account the hard-coded 12px margin_bottom } #login_window { // the user-combobox #user_combobox button {} // the entries, one for the username, one for the password entry {} } // 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 { } // 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; > box, > buttonbox { margin: -16px; } button { @extend %button-flat; &:not(:disabled) { @include ink-color($primary); } } } // 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 { // font-weight: bold; } materia-theme-20200320/src/_sass/gtk/apps/_mate.scss000066400000000000000000000247041363503524500221140ustar00rootroot00000000000000// 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: $panel; color: on($panel, text2); font-weight: 500; button { min-height: 16px; min-width: 16px; padding: 0; // NOTE: Most buttons padding are hard-coded to 0 (except for hide buttons) border-radius: 0; @include ink-color(on($panel, text2)); &:disabled { color: on($panel, text2-disabled); } &:checked { color: on(dark); &:disabled { color: on(dark, text-disabled); } } } } // hide buttons PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } #PanelApplet { // border-width: 0; } PanelSeparator { color: on($panel, divider); } // the grid left from na-tray and wncktasklist MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { background-image: repeating-linear-gradient( currentcolor, currentcolor 4px, transparent 4px, transparent 6px ); background-repeat: no-repeat; background-size: 4px 10px; color: on($panel, text2-disabled); &:dir(ltr) { background-position: 3px; } &:dir(rtl) { background-position: calc(100% - 3px); } } // main menu .mate-panel-menu-bar { // set normal menubar button menubar > menuitem { color: on($panel, text2); &:hover { color: on($panel); } &:disabled { color: on($panel, text2-disabled); } } &.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: on($panel, primary); &:hover { background-color: $overlay-hover; } &:active { background-color: $overlay-active; } &:selected { background-color: $primary; } } #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 $divider; border-radius: $corner-radius + 1px; box-shadow: inset 0 1px highlight($surface); background-color: $surface; frame > border { border-style: none; } calendar { border-style: none; &:not(:selected) { background-color: transparent; } // Add separator between calendar and location + box { margin-top: -5px; padding-top: 5px; border-top: 1px solid $divider; } } expander > title { min-height: 32px; } button { @extend %button-flat-basic; padding: 4px 16px; } // Weird, this sets the border color of the clockmap > frame > box > box > box > widget { color: $divider; } } 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 $divider; border-radius: $corner-radius + 1px; box-shadow: inset 0 1px highlight($surface); background-color: $surface; frame > border { border-style: none; } } // mate-menu // #PanelApplet itself cannot change the background-color #PanelApplet { &:not(:selected) > box { transition: $transition; } &:selected > box { background-color: $overlay-checked; color: on($panel); } } #mate-menu { // FIXME, does not work border: 1px solid $divider; background-color: $surface; button { @extend %button-flat-basic; min-height: 24px; min-width: 24px; padding: 4px 0; color: $text; font-weight: normal; &:not(.flat) { background-color: $overlay-checked; } image, label + label { color: $text2; } } entry { margin: 0 0 4px; image { margin: 0; } + button { margin: 0 4px 4px; padding: ($medium-size - 24px) / 2; } } } // brisk-menu .brisk-menu { box-shadow: inset 0 1px highlight($surface); background-color: $surface; entry { margin-bottom: -2px; border-bottom: 1px solid $divider; border-image: none; box-shadow: none; background-color: transparent; } entry + box > box { &:dir(ltr) { margin-right: -2px; border-right: 1px solid $divider; } &:dir(rtl) { margin-left: -2px; border-left: 1px solid $divider; } } .categories-list { padding-top: 4px; button { margin: 0 4px; &:checked { @include ink-color($primary); } } } .session-button { padding: ($large-size - 24px) / 2; } .frame { border-style: none; } .apps-list { padding: 4px 0; background-color: transparent; row { padding: 0; &:hover { box-shadow: none; } } button { border-radius: 0; color: $text; font-weight: normal; } } } /********************* * CAJA File manager * *********************/ // pathbar toggle button .caja-navigation-window box.horizontal > button.toggle.image-button { @extend %button-flat-activatable; border-radius: $corner-radius; } // pathbar // pathbar buttons .caja-pathbar button { margin: 0 -1px 0 -2px; // padding: 4px; @extend %pathbar_button; // NOTE: padding is hard-coded to 0 &.slider-button { min-width: 24px; } // 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; } // treeview rows .caja-side-pane treeview.view { // padding: 2px 0; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid $divider; .frame { border-style: none; } } // window and desktop mode .caja-canvas-item { border-radius: $corner-radius; } // desktop mode .caja-desktop.caja-canvas-item { @extend %iconview-desktop; } .caja-desktop EelEditableLabel.entry { } // override https://github.com/mate-desktop/caja/blob/master/data/caja.css .caja-desktop.view .entry, .caja-navigation-window .view .entry { border: none; border-radius: $corner-radius; background-color: $entry-fill; background-image: none; color: $text; &:selected { background-color: $overlay-selected; } } .caja-desktop.view .entry { background-color: $scrim-alt; color: on(dark); text-shadow: $text-shadow; caret-color: currentColor; // this shouldn't be needed. &:selected { background-color: $overlay-selected; } // FIXME: this should have light overlay. } // statusbar .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid $divider; } // infobar .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid $divider; background-color: $base; > box > box > label { font-weight: bold; } button { @extend %button-flat; &:not(:disabled) { @include ink-color($primary); } } } /********* * Pluma * *********/ // Pluma status bar .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid $divider; 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 $divider; } // scrolledwindow { background-color: $base; } } // sidebar file-browser .pluma-window paned.horizontal box.vertical { box.horizontal button.flat { margin: 1px; @extend %button-small; } .frame { border-style: none; } notebook.frame { margin-top: -1px; border-top: 1px solid $divider; box.vertical toolbar.horizontal { border-bottom: 1px solid $divider; } } } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical { .frame { border-style: none; } notebook .frame { border-top: 1px solid $divider; } } /* mate-screensaver lock dialog */ .lock-dialog { border: 1px solid $divider; border-radius: $corner-radius + 1px; box-shadow: $shadow-z6, inset 0 1px highlight($surface); // not sure if box-shadow works here background-color: $surface; frame > border { border-style: none; } button { @extend %button-flat; &:not(:disabled) { @include ink-color($primary); } } } /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: $corner-radius; background-color: $tooltip; color: on($tooltip); .trough { border-radius: 0; background-color: on($tooltip, stroke-disabled); } .progressbar { border-radius: 0; background-color: on($tooltip); } // For mate-settings-daemon noncomposited osd windows &.msd-osd-window-solid { } } materia-theme-20200320/src/_sass/gtk/apps/_misc.scss000066400000000000000000000145101363503524500221130ustar00rootroot00000000000000/********* * Tilix * *********/ overlay > revealer { &.left > scrolledwindow.frame, &.right > scrolledwindow.frame { border-style: none; box-shadow: $shadow-z16; } &.left > scrolledwindow.frame { margin-right: 32px; } &.right > scrolledwindow.frame { margin-left: 32px; } } .terminix-session-sidebar, // for backward compatibility .tilix-session-sidebar { background-image: image($surface); } .terminal-titlebar button { border-radius: 0; } button.image-button.session-new-button { min-width: $medium-size - 4px; } // Remove extra padding notebook.tilix-background tab > box > stack { margin: -6px; } button.flat.tilix-small-button { // NOTE: padding is hard-coded with: // padding: 2px 4px; min-height: $small-size - 2px * 2; min-width: $small-size - 4px * 2; } /************** * Terminator * **************/ .terminator-terminal-window { paned > separator { background-color: $background; } // this should be fixed by the upstream notebook.frame { border-style: none; } } /************* * Ubitquity * *************/ #live_installer .menubar progressbar trough { border-radius: 4px; // Adjust to hard-coded progress border-radius background-color: $titlebar-stroke-disabled; } /*********** * Eclipse * ***********/ window.background > box.vertical > scrolledwindow > widget toolbar { padding: 2px; separator, button { margin: 2px; } button { border-radius: $corner-radius; } } /************ * Chromium * ************/ window.background.chromium { background-color: $surface; // FIXME: There is no way to change the color of the toolbar buttons // toolbar button { color: $text2; } // toolbar's border-bottom refers to button's border // FIXME: Chrome's button border ignores theme's alpha value :( entry, > button { border: 1px solid $stroke; } > button { color: $primary; &:disabled { color: $text2-disabled; } } menubar, headerbar { color: $titlebar-text2; } // Workaround for non-animatable buttons in headerbar headerbar button:active { background-color: $overlay-active; } spinner { color: $primary; } // For text field textview.view { background-color: transparent; } // For prominent button, starred icon, etc. treeview.view.cell:selected:focus { background-color: $primary; color: on($primary); } // For table header treeview.view button { border: 1px solid $stroke; background-color: $base; // FIXME: This should not be necessary // color: $text2; } } tooltip.background.chromium { background-color: rgba($tooltip, 1); } /*********** * Firefox * ***********/ #MozillaGtkWidget { > widget { // For popover, entry in toolbar, etc. text { background-color: $surface; } // For selection, active tab indicator, etc. text:selected { // Use traditional selection style as workaround background-color: $primary; color: on($primary); } // For separators in bookmark toolbar > separator { color: $divider; } // avoid black border // > scrollbar { background-clip: border-box; } // Emphasize toolbar's border-bottom > frame > border { // FIXME: On Wayland, translucent colors don't work well here. // See: https://github.com/nana-4/materia-theme/issues/467 // border-color: $stroke; border-color: opacify($stroke, $background); } > entry, > button > button { border: 1px solid $stroke; border-radius: $corner-radius; box-shadow: none; &:disabled { border-color: $stroke-disabled; } } > entry { min-height: 32px - 2px; background-color: $base; &:focus { border-color: $primary; box-shadow: inset 0 0 0 1px $primary; } &:disabled { background-color: $base-alt; } } > button > button { padding: 4px 8px; background-size: auto; &:hover { box-shadow: inset 0 0 0 9999px $overlay-hover; } &:active { background-image: image($overlay-active); } } // use 16px assets for hard-coded sizing > checkbutton > check { @extend %small_check; } > radiobutton > radio { @extend %small_radio; } > checkbutton > check, > radiobutton > radio { margin: 0; padding: 0; } // make check/radio visible regardless of whether the background is bright or dark > checkbutton > check:not(:checked):not(:indeterminate), > radiobutton > radio:not(:checked):not(:indeterminate) { color: $grey-600; &:disabled { color: rgba($grey-600, 0.5); } } } // remove ugly border around the menus menu { border: none; } // Workaround: Firefox doesn't properly read color from // menuitem:disabled, but from menuitem label:disabled. menuitem label:disabled { color: $text-disabled; } } // for backward compatibility #MozillaGtkWidget { > widget { > menubar { color: $titlebar-text2; &:hover { color: $titlebar-text; } &:disabled { color: $titlebar-text2-disabled; } } > frame { color: $stroke; } } menu > separator { color: $divider; } } /************ * 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: $corner-radius; } spinbutton button { border-width: 4px; } } > toolbar.vertical { margin-top: -4px; button { min-height: 24px; min-width: 24px; padding: 4px; border-radius: $corner-radius; } } } #CanvasTable { button { min-height: 16px; min-width: 16px; padding: 0; } #HorizontalScrollbar { border-top: 1px solid $divider; } #VerticalScrollbar { &:dir(ltr) { border-left: 1px solid $divider; } &:dir(rtl) { border-right: 1px solid $divider; } } } #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 { @extend %selected_items; } materia-theme-20200320/src/_sass/gtk/apps/_nemo.scss000066400000000000000000000035031363503524500221160ustar00rootroot00000000000000/******** * Nemo * ********/ // based css: // https://github.com/linuxmint/nemo/blob/master/gresources/nemo-style-fallback-mandatory.css // https://github.com/linuxmint/nemo/blob/master/gresources/nemo-style-fallback.css // hard-coded css: // https://github.com/linuxmint/nemo/blob/master/gresources/nemo-style-application.css .nemo-window { .primary-toolbar { border-bottom: 1px solid $divider; // FIXME: workaround for hard-coded border-width of GtkEventBox for entry stack > box { margin: -2px; } // instead of .path-bar button button.text-button { padding-left: 8px; padding-right: 8px; } // instead of .path-bar button.slider-button button:not(.text-button):not(.image-button) { padding-left: 4px; padding-right: 4px; } } scrolledwindow.frame { border-style: none; .view:not(:selected) { background-color: transparent; } } infobar { margin-top: -6px; } // Inactive F3 pane shading .nemo-inactive-pane .view:not(:selected) { background-color: $base-alt; } // Rename box styling in the icon view. .nemo-window-pane widget.entry { border-radius: $corner-radius; background-color: $entry-fill; &:selected { @extend %selected_items; } } .toolbar button { @extend %button-flat-activatable; } } // For Places Sidebar diskfull indicators .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: opacify($stroke-disabled, $base-alt); // Can't use translucent colors -NemoPlacesTreeView-disk-full-fg-color: $primary; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; // There is already hard-coded 1px bottom-padding -NemoPlacesTreeView-disk-full-max-length: 80px; } .nemo-desktop.nemo-canvas-item { @extend %iconview-desktop; } materia-theme-20200320/src/_sass/gtk/apps/_unity.scss000066400000000000000000000041741363503524500223350ustar00rootroot00000000000000// 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(black, 0.48); -UnityDecoration-active-shadow-radius: 18px; -UnityDecoration-inactive-shadow-color: rgba(black, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; -UnityDecoration-glow-color: $primary; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; .top { padding: 0 2px; border-style: none; border-radius: $corner-radius $corner-radius 0 0; box-shadow: inset 0 1px highlight($titlebar); background-color: $titlebar; color: $titlebar-text; &:backdrop { background-color: $titlebar-backdrop; color: $titlebar-text2; } } .left, .right {} .bottom {} .menuitem { border-radius: $corner-radius $corner-radius 0 0; box-shadow: none; // Don't inherit from .top color: $titlebar-text2; &:hover { background-color: $overlay-checked; color: $titlebar-text; } } } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: $shadow-z1; &.inline-toolbar { border-style: none; } } sheet-style-dialog.unity-force-quit { // background-color: $background; } // Panel Style UnityPanelWidget, .unity-panel { background-color: $panel-solid; color: $titlebar-text; &:backdrop { color: $titlebar-text2; } } .unity-panel.menubar, .unity-panel .menubar { } .unity-panel.menuitem, .unity-panel .menuitem { color: $titlebar-text2; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { background-color: $overlay-checked; color: $titlebar-text; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); animation: spin 1s linear infinite; color: $primary; } materia-theme-20200320/src/_sass/gtk/apps/_xfce.scss000066400000000000000000000055411363503524500221110ustar00rootroot00000000000000// based css: // https://github.com/shimmerproject/Greybird/blob/master/gtk-3.0/_xfce.scss /************** * Xfce4 Apps * **************/ .XfceHeading { background-color: $base; } /*************** * xfce4-panel * ***************/ .xfce4-panel.background { border: none; // Sadly the border is hard-coded background-color: $panel; color: on($panel, text2); font-weight: 500; button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; @include ink-color(on($panel, text2)); &:disabled { color: on($panel, text2-disabled); } &:checked { color: on(dark); &:disabled { color: on(dark, text-disabled); } } } .tasklist button { border-image: image(transparent) 0 0 2 / 0 0 2px; &:checked { border-image: image(currentColor) 0 0 2 / 0 0 2px; } image { padding: 4px; } } // &.horizontal .tasklist button { margin: 0 1px; } // &.vertical .tasklist button { margin: 1px 0; } frame > border { border-style: none; } progressbar { progress { background-color: on($panel, primary); } trough { background-color: on($panel, stroke-disabled); } } } // Workspace switcher provided by libwnck wnck-pager { &:hover { background-color: $overlay-hover; } &:active { background-color: $overlay-active; } &:selected { background-color: $primary; } } XfdesktopIconView.view { border-radius: $corner-radius; background-color: transparent; color: on(dark); text-shadow: $text-shadow; // XfdesktopIconView uses :active instead of :selected for selection &:active { @extend %selected_items; box-shadow: none; } // .label { text-shadow: $text-shadow; } .rubberband { @extend rubberband; border-radius: 0; } } #XfceNotifyWindow { border-radius: $corner-radius; box-shadow: $shadow-z4, inset 0 1px highlight($surface); background-color: $surface; buttonbox button:not(:disabled) { @include ink-color($primary); } label#summary { font-weight: bold; + label { color: $text2; } } progressbar { progress { } trough { } } } // Xfwm4's alt-tab dialog, aka "tabwin" #xfwm-tabwin { padding: 12px; border-radius: $corner-radius; // Set the application icon- and preview-size to 64px -XfwmTabwinWidget-icon-size: 64px; -XfwmTabwinWidget-preview-size: 64px; button { } } /********** * Thunar * **********/ .thunar { #location-toolbar { border-bottom: 1px solid $divider; // FIXME: This has no .image-button style class :( > toolitem > button { min-width: 24px; padding: ($medium-size - 24px) / 2; border-radius: $circular-radius; } } .shortcuts-pane.frame, .standard-view.frame { border-style: none; } .sidebar .view:not(:selected) { background-color: transparent; } statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid $divider; } } materia-theme-20200320/src/chrome/000077500000000000000000000000001363503524500165405ustar00rootroot00000000000000materia-theme-20200320/src/chrome/assets.txt000066400000000000000000000004111363503524500205770ustar00rootroot00000000000000chrome-scrollbar/icons/16 chrome-scrollbar/icons/48 chrome-scrollbar/icons/128 chrome-scrollbar-dark/icons/16 chrome-scrollbar-dark/icons/48 chrome-scrollbar-dark/icons/128 chrome-theme/theme_toolbar chrome-theme-dark/theme_toolbar chrome-theme-light/theme_toolbar materia-theme-20200320/src/chrome/chrome-scrollbar-dark.crx000066400000000000000000000073671363503524500234500ustar00rootroot00000000000000Cr24E 0"0  *H 0 ĭaI:Qt6Gהh=3Dvvavw)ǁѬoBIɝQEɇUwi0d'GAj%hΑx)8c~15\Z&XX\H]}tY@!u|IfnB3Be͔յ@`ܼa/)/ĿM;0Ki2l<,U\5T1+ޑUa3<\5zr`]+8Xuqջ$1t̺,vvS) C ̴̙۟*RA#7oO뿠nH`Ao&݊'T!ڟտjgdMMAe?gν 2%mLyKfK}EI^q"/~v2a *\Azra `rHiN,oM fmω ofFHjyePPKvGND;dscrollbars.scssS)K,L+RPOI,VR)/HJ,BI-HL)JK)Nr9d(Q|qbq>ظb*sHg'V PKpOicons/PKEpOq%Cscrollbars.cssSn0+|l% y_cc8^lj/Pxv'vx#8$F31~s@o};YM`ɺ:4cilQmVڠ`1YͰP-Ͳn e`+9H}|mPh<Z͕vQq٨VT%ѽeƘNC=Ni Q@j"zXM@TZ2R9_mƙUĒe/Җ.;/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:zUPKpOi. /3 icons/48.png sb``p  $<k#˶F>0iAMj4W$uj:*֮ y L g[T/=_} OW?uN MPKpO8ɱ icons/16.png sb``p  $}`.v YYwjI%K\#JJR2󲋓 Rg* qquu6mG?'=]C8f& 01)$$$Ixpo"$^t1`6W( eSBPKpOB icons/128.png sb``p  $ډ)b'g\3b# 8UO((YQVRXP^^]X_>3Oǐ[oo9&Ln =Ԡw']ێ ?7upsg w?^`/ClLFc‚7?l1f>+mkZ)xM0!DvV| {m4Yms7.5vԭXqٜ`S35fM>La\ cŹu} lLy#J>;-_oKڿt{9W_.IU ^ h~y<.eSBPKE)N icons/48.svguPn09`U9R#J\*`d,&%͡C g&X1"w^sΈXE"hHL(MXq^?y}/qW~lO`,qg{Pu5̶U|l[}PKE)NA| icons/128.svgmn0 sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<6IDATxAn0 aUB# >o7EqG5BB vaܟ{]\rN3iFo<3{$ݶ: JXTK:@aa޲94~: s!S+h-gq^\xM1/~/"oLȨt5 *Q XtdG܄뿆e=lOq{a]=C{qbp?"P!OkpNIENDB`materia-theme-20200320/src/chrome/chrome-scrollbar-dark/icons/128.svg000066400000000000000000000006061363503524500250650ustar00rootroot00000000000000 materia-theme-20200320/src/chrome/chrome-scrollbar-dark/icons/16.png000066400000000000000000000003101363503524500247560ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE,,,EEE}}}~~~+IDATc ``2` RJslfHPvIENDB`materia-theme-20200320/src/chrome/chrome-scrollbar-dark/icons/16.svg000066400000000000000000000006011363503524500247740ustar00rootroot00000000000000 materia-theme-20200320/src/chrome/chrome-scrollbar-dark/icons/48.png000066400000000000000000000004631363503524500247740ustar00rootroot00000000000000PNG  IHDR00,sBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTE,,,888===EEErrrtttuuuIDAT8c0 PL[ IX%VP&jժl@ $ F%(npƹLG+@vY`0p U &j)'\b%.ZB4B;En#̈́%IENDB`materia-theme-20200320/src/chrome/chrome-scrollbar-dark/icons/48.svg000066400000000000000000000006041363503524500250040ustar00rootroot00000000000000 materia-theme-20200320/src/chrome/chrome-scrollbar-dark/manifest.json000066400000000000000000000006241363503524500254200ustar00rootroot00000000000000{ "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-20200320/src/chrome/chrome-scrollbar-dark/scrollbars.css000066400000000000000000000022541363503524500256000ustar00rootroot00000000000000::-webkit-scrollbar, ::-webkit-scrollbar-corner { width: 17px; height: 17px; border: 0 solid rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.9); } ::-webkit-scrollbar:horizontal, ::-webkit-scrollbar-corner { border-top-width: 1px; } ::-webkit-scrollbar:vertical, ::-webkit-scrollbar-corner { border-left-width: 1px; } ::-webkit-scrollbar { background-clip: padding-box; } ::-webkit-scrollbar-thumb { width: 32px; height: 32px; border: 4px solid transparent; border-radius: 8px; background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.6); } ::-webkit-scrollbar-thumb:active { background-color: rgba(255, 255, 255, 0.87); } ::-webkit-scrollbar-thumb:disabled { background-color: rgba(255, 255, 255, 0.26); } ::selection { background-color: rgba(26, 115, 232, 0.24); } materia-theme-20200320/src/chrome/chrome-scrollbar-dark/scrollbars.scss000066400000000000000000000002461363503524500257620ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'false'; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/chrome/scrollbars'; materia-theme-20200320/src/chrome/chrome-scrollbar.crx000066400000000000000000000073721363503524500225250ustar00rootroot00000000000000Cr24E 0"0  *H 0 lBE3GLloj c('| 7F(Pmt s, H3VQbcoc=%E YB"Mr?K`Fwty &e+r>"X0,__׷62s u|\Ϋ>A<>.>c`Y[yvsM|jRð@{O{wndg1?\˒!e+6nCQ0q% #Ih*8oAkgՠ7aH Id-Mr٨.E]k)c îwo[*f%SNڬzATzy$H;e%ϲЎĩ/qprO2E1:܌M{< qf5ݘ)Y6G1([BLyPZU@Ĵ=^i8BdވcB,7PKpOicons/PKEpOiAscrollbars.cssS[n0)J8 qOcc8^lHԪw/!P0;gx"8$ 1|S@o}/;[M`᮸|cnlcVڠ`+Va*` &CpvP`q[-5g̓xn'(xgvD2H6/'нQz{;[VHϸQ"tTo܅..mҗD(=%-ydid_yڳ^b^:pH{n7"8&Bx^v$b2%[jnJNR*gL4VbFۀQC_7_PK=EKL1 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/yPKpOJ12 icons/48.png sb``p  $<;Oǐ[ooVhK_Y[y?h =-#-~}=L|&OLGnf4URR:\a [o);̸!+d^1nvXŀ7ؓ5ٻܒ˫ne9aoSd0^\q?{䯫Xsgwo\; -ܟLottsYPK=EKO icons/48.svguPA0 {. Ī"TmD }XZ+N=N]ۏMÞcEf9a*Do:ў8C6aMP{u pm+?NSQu;wYefTTgC}s]ݯ"O'n4m- IcoӚDResBIT [ pHYs+tEXtSoftwarewww.inkscape.org<>IDATxMn ax`F.*2 -̏53L_ nni5"""Ƨ=KX䒽;];^;@0aQlmtӪjٗ9n^3wg'-g 4W߭̋?(Y(h4Հ j`uO0E܆ @|_exwͻG*$m66-ǍFIENDB`materia-theme-20200320/src/chrome/chrome-scrollbar/icons/128.svg000066400000000000000000000006071363503524500241470ustar00rootroot00000000000000 materia-theme-20200320/src/chrome/chrome-scrollbar/icons/16.png000066400000000000000000000003111363503524500240400ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE?Ʒ,IDAT[c0 0qq2a RBs, c BR I;XfIENDB`materia-theme-20200320/src/chrome/chrome-scrollbar/icons/16.svg000066400000000000000000000006021363503524500240560ustar00rootroot00000000000000 materia-theme-20200320/src/chrome/chrome-scrollbar/icons/48.png000066400000000000000000000004621363503524500240540ustar00rootroot00000000000000PNG  IHDR00,sBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTE$aIDAT8c(Vw9m%Z=JP``&! B6@ Q $@+>p ,q*It""] T%0qVTp F\Lbe%s[E@DFx"ҽ'IENDB`materia-theme-20200320/src/chrome/chrome-scrollbar/icons/48.svg000066400000000000000000000006051363503524500240660ustar00rootroot00000000000000 materia-theme-20200320/src/chrome/chrome-scrollbar/manifest.json000066400000000000000000000006171363503524500245030ustar00rootroot00000000000000{ "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-20200320/src/chrome/chrome-scrollbar/scrollbars.css000066400000000000000000000022211363503524500246530ustar00rootroot00000000000000::-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); } ::-webkit-scrollbar:horizontal, ::-webkit-scrollbar-corner { border-top-width: 1px; } ::-webkit-scrollbar:vertical, ::-webkit-scrollbar-corner { border-left-width: 1px; } ::-webkit-scrollbar { background-clip: padding-box; } ::-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.6); } ::-webkit-scrollbar-thumb:active { background-color: rgba(0, 0, 0, 0.87); } ::-webkit-scrollbar-thumb:disabled { background-color: rgba(0, 0, 0, 0.26); } ::selection { background-color: rgba(26, 115, 232, 0.24); } materia-theme-20200320/src/chrome/chrome-scrollbar/scrollbars.scss000066400000000000000000000002471363503524500250440ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'false'; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/chrome/scrollbars'; materia-theme-20200320/src/chrome/chrome-theme-dark.crx000066400000000000000000000026211363503524500225530ustar00rootroot00000000000000Cr24E 0"0  *H 0 iudG !1Ps# UlX.sD=F  CH)H g_SlK$[f]R)*SJΑC{ֳY}d0nK _ġ*6t*kGy hח:F(Uѻue υ:䪄yh[__)]/1E~ۘ E@ * ep$jz1Sm% z|y+c>N&KA;4dU55d5ѣ)R8fl\: )ۀRCۜ=ŶZWjR(7(9R80kջ\c`(bWc^Ta7vo cbֳP\!XVG.(3ZJ5F 25`dWehv:G.d3e, 6:0ui|4<am`f 'j6xgx)sѵ-PKE)N\ytheme_toolbar.svg).KW+U())///+7/J7200PR(L)ɰU22PRHL(̜[%ecgTRP)JM.^ߎdPK+N?_~ manifest.jsonQj0SNuu{=9 ePK.~npckzh7Ak?w lpihf#IzjVPI zA ]ptU,XA$bm,(2ɵ ۥpl.[U/`2Ț'}[EZg_DzjKC+J<WCr>2t͓`ECY-PKpOSztheme_toolbar.png sb``p "@|H^, materia-theme-20200320/src/chrome/chrome-theme-light.crx000066400000000000000000000026011363503524500227370ustar00rootroot00000000000000Cr24E 0"0  *H 0 U8cWBrQXef:@x,0C1!KkCSdQ^,HLQml`0mb)/ѿnޯOxS"hAjE&ߠ!e&O/\0]<*uh0 t_kPߒ"wW..}`&M"sPKpO|Ԕtheme_toolbar.png sb``p "@|H^, materia-theme-20200320/src/chrome/chrome-theme.crx000066400000000000000000000025731363503524500216420ustar00rootroot00000000000000Cr24E 0"0  *H 0  epr63E RҩU}IXQt&/fsBĔߘs?R\  96hY!Kjj"%$vy6)$IWeξ'oJ FqyВp&r݇d&ndIj _ ti۴Y(tk\^ +}t<#B$6iѳ& SSW/Y PK=Lea6\ytheme_toolbar.svg).KW+U())///+7/J7200PR(L)ɰU22PRHL(̜[%e7#TRP)JM.^ߎdPK+Nzp manifest.jsonQ0{ Zt{2jgJ: ݦYB&0H-Bրh[..ַP  lه#$cr!!~5]j(m@D' >%R]Ep~|DJ `]zjV";eD4'Y2ϕxntRbX&E4tËNaf2|5Fn& K Fv?1 uPKpO|Ԕtheme_toolbar.png sb``p "@|H^, materia-theme-20200320/src/chrome/render-asset.sh000077500000000000000000000010771363503524500215000ustar00rootroot00000000000000#!/bin/bash set -ueo pipefail RENDER_SVG="$(command -v rendersvg)" || true INKSCAPE="$(command -v inkscape)" || true OPTIPNG="$(command -v optipng)" || true if "$INKSCAPE" --help | grep -e "--export-png" > /dev/null; then EXPORT_FILE_OPTION="--export-png" else EXPORT_FILE_OPTION="--export-file" fi i="$1" echo "Rendering '$i.png'" if [[ -n "${RENDER_SVG}" ]]; then "$RENDER_SVG" --dpi 96 "$i.svg" "$i.png" else "$INKSCAPE" --export-dpi=96 "$EXPORT_FILE_OPTION"="$i.png" "$i.svg" >/dev/null fi if [[ -n "${OPTIPNG}" ]]; then "$OPTIPNG" -o7 --quiet "$i.png" fi materia-theme-20200320/src/chrome/render-assets.sh000077500000000000000000000004411363503524500216550ustar00rootroot00000000000000#!/bin/bash set -ueo pipefail # Make sure that parallel is GNU parallel and not moreutils. # Otherwise, it fails silently. There's no smooth way to detect this. if command -v parallel >/dev/null; then cmd=(parallel) else cmd=(xargs -n1) fi "${cmd[@]}" ./render-asset.sh < assets.txt materia-theme-20200320/src/cinnamon/000077500000000000000000000000001363503524500170655ustar00rootroot00000000000000materia-theme-20200320/src/cinnamon/assets/000077500000000000000000000000001363503524500203675ustar00rootroot00000000000000materia-theme-20200320/src/cinnamon/assets/add-workspace-active.svg000066400000000000000000000135731363503524500251160ustar00rootroot00000000000000 image/svg+xml materia-theme-20200320/src/cinnamon/assets/add-workspace-hover.svg000066400000000000000000000135721363503524500247650ustar00rootroot00000000000000 image/svg+xml materia-theme-20200320/src/cinnamon/assets/add-workspace.svg000066400000000000000000000137221363503524500236410ustar00rootroot00000000000000 image/svg+xml materia-theme-20200320/src/cinnamon/assets/calendar-arrow-left.svg000066400000000000000000000002241363503524500247370ustar00rootroot00000000000000 materia-theme-20200320/src/cinnamon/assets/calendar-arrow-right.svg000066400000000000000000000002231363503524500251210ustar00rootroot00000000000000 materia-theme-20200320/src/cinnamon/assets/checkbox-off.svg000066400000000000000000000003411363503524500234440ustar00rootroot00000000000000 materia-theme-20200320/src/cinnamon/assets/checkbox.svg000066400000000000000000000003741363503524500227020ustar00rootroot00000000000000 materia-theme-20200320/src/cinnamon/assets/close-window.svg000066400000000000000000000005261363503524500235250ustar00rootroot00000000000000 materia-theme-20200320/src/cinnamon/assets/corner-ripple.png000066400000000000000000000214221363503524500236570ustar00rootroot00000000000000PNG  IHDRhhsRGBbKGD pHYs  tIME 5XtEXtCommentCreated with GIMPW IDATx}K\uϙAcf%YD9,VTVM/id H9YheU&6Yrl`V*UNdrJ$JL"E A f=~,mH(ͩEuOOyw"9irOXs/.=l/?,ف^ƻM[:Vyh"`U\NPx[cMh3>>}sqϬ.ONOWs_`N>Ғl,)G"YR6 YF *uzfI a`Z&+(Bv!c Y+e>P${hWfߙLYus>p%c_|=YvI'iUhC;-"OMhaWX 2 SP-RoJrx,gPҁP.pl vUqԉ`e0YY&q֝Vn,T=}z걩$,50tAɬ=+zUb/eHKd9K/;2v#(4v%R#m#*I%Ҁ҅H*kB ;v4k*KHq,E턴Tx̯᰸(W<&Nfݼ݋̗#ÁUrT #12-#X"HQ #%DJHH]$!^0#*+dqhHnFT6'٘b~>Z@UΞݴ;>ovc.Ed$VA -6"+݅! R tw`~MH$)(I q 3._j_] vHcSOMgP[ŋz:UFK;!$$"h@@6zeshBjAƅ`nuVD0##hQ"jVE_ˋd8x:s]I&xWn+Wx>@GHc "i>D#JJRI?BAE` D Ђd:$J\H[L*3 %mv]5A߳3K.'Vܜ ÿ'Kg?k SYDC|(B4]+s"2 3ASB9h %' !L j:dt,3"uG D@y&E#T`0B^53b$O*jq{^ '&8?=x}J۫)t,x?-|"yv[FTrcccS@u][`^nLmBt`0y 'h@ k,f~ݑ#r!1jf<~7J ^K`趽v_Ğ_?HkI+L} >N # LX V &nAo@LH  0I&n8@YV$=JČD҄c3ז]& @dhK4[R`2^N_Ku ,=g^5 >"A!@*Юm;qڔdI* 7EoY~;{H۟2:%I)Z ZHrI^ @lX#!yq2<;KǓ;gu;V,ةxN8ZYfrDmm= ! Kw{~M\f6lK%f֗8a}H A,XT8lF +S䮻o ڀaHPY$r獊:2\1eI zK_-y^h0;S]ߴ/_HEٟ&}><qP֬w]z oP!R,M_/_-f/| Nf'4 3#Jmj3 E`VQ)ul$`Ԥ'Y'#/]$}-n t"UxȈUK]#o.M3wW !Y]f6& R2%#3.<`* z]$[\ە'Vԋۓ4~IpH1lݩ!kypn HJKh ̠z!kʑ?vo .^\E6Z }$~ 3,n$m|dsB.M?o"gcMN1767$mA>jD%Yh}4Ud/^|g1M{qov_hǁ4ȇ< l ^lc%ew n.uB -@DG!ɆKś?bA]SSY,:N'I+XJ܂&p]ҮJI!IXʕ<RǻdTTv{[wv}Ӳ+ a )'42bԺ;0+վpϬ0`ԺF%W;W%@NҠt oJA`Ap[&I=Hr2:MhYpOҸ4~9@g7-o&Y3UGO~W dX\g-}y L\"%9 B Tmϊ^|ݺ8 [b-Y1 !0#MhDsyEfWW & n5yCF[dt5\0]q AG%-J JB;w ]:+hHh@l/ :!LW";WNӧO-_*p^!ȎX$AcCC}[o dGAcէV ;|W X;2ާC 0$8Q4h_U-Q04`DjދCHyN>m˿~e V=N|‡A6 aĮ` Q֕5my ߝm](|Xʏ']ZUIf$Eh&p,j?Y,71I@[ 0$.ǓW7v0"H%ؐ|bz܊1l X뮄c⻏Uڕ'U&`<,iDd,!+yg+y[$`< &V֕'͖I~0-4Ur3+$3wow(f. ychvݏrR~<*L2s,X2,'hrSƚeObSL;A3Oeb*L2Kb7IBҕi @Z͙‚ #w/꣹Gqݽ0È@8Ԓt@AnUVCOsSR#Ic'+{9QJj8̃1*r1zUVlԺtuĔYESe@]R f`DIh \W`ph̅DR C 02'E簊դ ʒ-ܰ7iz`l-}?3<4\:M;0pnm^s̮C]-wItc5 -3YFۭ*;yrF SIfߗ;4kV[")ɍZa)?yۅym87@Yǡ?*mvo?6zR0"C#P]nQK(,{#4 lK򝈸.CuvjO.]m~ƻ* `oЗ޷;mM)ɍf-ٝVCK.AǦ 6ؑT L1ԇg]CT/]8H쀶&7Ph}7O=6?@؎%~k6P #j\w\ \{M{`k vpӟ-.]'^i ]%:ɝeEB + 2J -\Gn1v6V'^5ꖒ/<~EmC~CҴ+mAK t9hrjձ+pITwKB~k!ŅϽ"O~-g۔&xj8Z2#^^tbqCtP۬9sp{~f:AIG8T/GW Hbӫ窷<P҉U3}z5zNҦ !Or!cWH1 Y5M/omܹ2{'<#>I6[M O< Y퀷H#&ꃝ:hHk 7 xYCb1y/4I;"yXW/{wj&fZ tHգ_{vԫpJQy}BRB: I[$vp ۊqdI*X*j`wt{HoZ躴D"% HFf |ـN*v;NΏ~XN>m,zme A~x=c{T=E3c;w@'LRizAx{ VVmV)d=C] ,l֤@\JU/{l_8gS5ߺ4㯶/Ui{5暈C$!4fHjrccR^(Qonz5VD$OlHjeuXO}D6n#W. IMJlf/wC൤Vnk;OgAg?k SYDC|(B4]h4@d])@aj܅7rcL&2՝;dg[uJ`$1*3#Fn:q9zbѮG`8,|=gOM;-Jp:tJMbՌSIoXFDI505Me$ͅ@24~ ovc.Ed$VA -j7W B j~O9x9XIw)_?IR%#9uۨP1 auЮٕZ+mt:-O>\<ԟyf-ޓzM{M%j0aIDAT̺y/G[.?ZG hKHju39!^cMs$5 9%9uaF0'UVv#А0ڍ|=(] jmNZ1+߽ ہ: 6 2NfYѫ|) EZ\"Ca]zّEy\+eDp E発<1ފ@VI*A.DR\Zؑà1]SY:5Dcy.l'*Ƴv6f~ Ņ{O7$Ow듯'KNVB6$ vhED -:L MFˀLA"[`H 5!9R==' +_Ź/]j'vluivfq#VY,fyVy,#B:=$ uuUMVP, BZV|H<+uЮ|}{ۿ3/|Oݕ,Vx t念W6=;kx7i+X'ݵ*"1[\D>z=̲V ɣJ|sk>\m~Ƨӧ}W6n'a)o%fÌ-?IENDB`materia-theme-20200320/src/cinnamon/assets/radiobutton-off.svg000066400000000000000000000004031363503524500242070ustar00rootroot00000000000000 materia-theme-20200320/src/cinnamon/assets/radiobutton.svg000066400000000000000000000004561363503524500234470ustar00rootroot00000000000000 materia-theme-20200320/src/cinnamon/assets/toggle-off.svg000066400000000000000000000003361363503524500231430ustar00rootroot00000000000000 materia-theme-20200320/src/cinnamon/assets/toggle-on.svg000066400000000000000000000003171363503524500230040ustar00rootroot00000000000000 materia-theme-20200320/src/cinnamon/assets/trash-icon.png000066400000000000000000000042021363503524500231420ustar00rootroot00000000000000PNG  IHDRxߤbKGD pHYs  tIME 5XIDATxKdW{zfbcBL2!>I@Q*AD%.ԍp!. XYYp"`28$:1B길zܮ~2Lp>=H$I$I$I$I$Ic*и*> وsF?8Go&hj pAD<ڕ"nx4 \?<|9"θeH w:,w 7 i)W(<w"0%Ab; ҈NtUk!+Nn/[4:Vg .8J)%r/W젊(iI$+a pYjSV["bͭ.D>8|=a Eļ{ 8 9J_g㦿aXܘ8//9K{xj\F-D:ՌCS"!D|x .;~ /Չn1 |x8_<㝪c?Zyյ&\3<sTٸAo*wl:8Zf7*TR]α3-R&PTYm T|֦W U ]Y쓞m{C$IPe2̌V"_8T-y Du sp@Կita" Ռ&wWδ" " Tw[xC4d1fW'U%I2@{b[V+womNtuR'o7 MR{/y);K)_$nvnIyUWS\/hЧwR^HeZY,^Nd-F }Z;U2$D_=3aPVzw:Fu j?Yfa~\JW;>ǜ i0g`) v6G;dYEXv~jV3]Sy="dHyx{>c@{%;qʿ;wxXigWrμZ6>;X˪SWu+4vgZju" 'Ennz pUF}ZkgeH"'٘#x,>nuюoRBuAP_"i{[ZteBdxފXMSzCD8Jarpp>"YP$I$I$I$I$I$I$I_eIENDB`materia-theme-20200320/src/cinnamon/cinnamon-compact.css000066400000000000000000001077671363503524500230470ustar00rootroot00000000000000.notification-button, .modal-dialog-button { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; font-size: 10.5pt; font-weight: 500; min-height: 32px; padding: 0 16px; border-radius: 4px; } .notification-button:focus, .modal-dialog-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; } .notification-button:active, .modal-dialog-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .notification-button:insensitive, .modal-dialog-button:insensitive { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-icon-button, .keyboard-key, .sound-player StButton { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; min-height: 32px; min-width: 32px; padding: 6px; border-radius: 4px; } .notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; } .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; } .separator, .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: rgba(0, 0, 0, 0.12); -gradient-end: rgba(0, 0, 0, 0.12); -margin-horizontal: 4px; height: 1.5em; } #notification StEntry, .run-dialog-entry, #menu-search-entry { transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); width: 250px; min-height: 32px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; padding: 0 8px; border-width: 0; color: rgba(0, 0, 0, 0.87); } .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box { color: rgba(0, 0, 0, 0.87); border: none; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; border-radius: 999px; transition-duration: 100ms; } .calendar-change-month-back:active, .calendar-change-month-forward:active { background-color: rgba(0, 0, 0, 0.26); } .menu, .popup-combo-menu { background-color: #FFFFFF; border-radius: 4px; color: rgba(0, 0, 0, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-application-button-label:ltr, .menu-category-button-label:ltr { padding-left: 4px; } .menu-application-button-label:rtl, .menu-category-button-label:rtl { padding-right: 4px; } .show-processes-dialog-subject, .mount-question-dialog-subject { font-weight: bold; color: rgba(0, 0, 0, 0.87); padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { color: rgba(0, 0, 0, 0.87); padding-left: 17px; width: 28em; } .check-box StBin, .check-box:focus StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url(assets/checkbox-off.svg); } .radiobutton StBin, .radiobutton:focus StBin { width: 20px; height: 20px; padding: 6px; border-radius: 100px; background-image: url(assets/radiobutton-off.svg); } .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); border: 2px solid rgba(0, 0, 0, 0.12); } .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); border: 2px solid #1A73E8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; border-radius: 4px; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .overview-empty-placeholder, .info-osd, .workspace-osd { font-size: 15pt; font-weight: 500; text-align: center; padding: 8px 10px; } stage { font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; color: rgba(0, 0, 0, 0.87); } .cinnamon-link { color: #1A73E8; font-style: italic; } .cinnamon-link:hover { color: #1A73E8; } .label-shadow { color: transparent; } StScrollBar { padding: 0px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { background-color: rgba(0, 0, 0, 0.38); border-radius: 100px; margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } #Tooltip { font-size: 9pt; font-weight: 400; padding: 6px 8px; color: white; text-align: center; border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); } .menu { min-width: 100px; margin: 4px; } .menu-top-box { spacing: 5px; } .menu-systembuttons-box { padding: 10px; } .popup-sub-menu { background-color: rgba(0, 0, 0, 0.04); } .popup-menu-arrow { icon-size: 1.14em; } .popup-combo-menu { padding: 8px 0; } .popup-menu-content { padding: 8px 0; } .popup-menu-item { padding: 0.4em 16px; spacing: 8px; transition-duration: 100ms; } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-image-menu-item { color: rgba(0, 0, 0, 0.6); } .popup-combobox-item { padding: 0.4em 16px; } .popup-device-menu-item { spacing: .5em; } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-subtitle-menu-item { font-size: 10.5pt; font-weight: 500; } .popup-menu-icon { icon-size: 1.14em; } .popup-alternating-menu-item:alternate { font-size: 10.5pt; font-weight: 500; } .toggle-switch { width: 40px; height: 20px; } .toggle-switch-us, .toggle-switch-intl { background-image: url(assets/toggle-off.svg); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url(assets/toggle-on.svg); } .nm-menu-item-icons { spacing: .5em; icon-size: 1.14em; } #panel { color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.6); height: 2.5em; width: 3.2em; } #panel:highlight { background-color: rgba(255, 255, 255, 0.26); } .panel-dummy { background-color: rgba(255, 0, 0, 0.6); } .panel-dummy:entered { background-color: rgba(0, 255, 0, 0.6); } .panelLeft { spacing: 4px; } .panelLeft:dnd { background-color: rgba(255, 0, 0, 0.6); } .panelLeft:ltr { padding-right: 4px; } .panelLeft:rtl { padding-left: 4px; } .panelLeft.vertical { padding: 0; } .panelCenter { spacing: 4px; } .panelCenter:dnd { background-color: rgba(0, 255, 0, 0.6); } .panelCenter.vertical { padding-left: 0; padding-right: 0; } .panelRight { spacing: 4px; } .panelRight:dnd { background-color: rgba(0, 0, 255, 0.6); } .panelRight:ltr { padding-left: 0; spacing: 0; } .panelRight:rtl { padding-right: 0; spacing: 0; } .panelRight.vertical { padding: 0; } .panel-top .window-list-item-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-badge { margin-top: 2px; } .panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button { padding: 1px 4px; } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-box { padding: 0 4px; } .panel-top .applet-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .panel-launchers .launcher:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-separator { padding: 3px 4px; } .panel-top .systray:hover { box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { padding: 1px 4px; } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-box { padding: 0 4px; } .panel-bottom .applet-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .panel-launchers .launcher:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-separator { padding: 3px 4px; } .panel-bottom .systray:hover { box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-badge { margin-left: 2px; } .panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-box { padding: 4px 0; } .panel-left .applet-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .panel-launchers .launcher:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-separator { padding: 4px 3px; } .panel-left .systray:hover { box-shadow: 4px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-box { padding: 4px 0; } .panel-right .applet-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .panel-launchers .launcher:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-separator { padding: 4px 3px; } .panel-right .systray:hover { box-shadow: -4px 0 0 0 #1A73E8 inset; } .panel-status-button { font-size: 10.5pt; font-weight: 500; -natural-hpadding: 4px; -minimum-hpadding: 4px; color: rgba(255, 255, 255, 0.6); } .panel-status-button:hover { color: rgba(255, 255, 255, 0.87); } .system-status-icon { icon-size: 1.14em; padding: 0; spacing: 0; } .system-status-icon.warning { color: #F4B400; } .system-status-icon.error { color: #D93025; } #overview { spacing: 12px; } .window-caption { font-size: 9pt; font-weight: 400; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); padding: 4px 6px; text-align: center; height: 1.5em; -cinnamon-caption-spacing: 12px; } .window-caption#selected, .window-caption:focus { color: rgba(255, 255, 255, 0.87); box-shadow: 0 -3px 0 0 #1A73E8 inset; } .workspace-controls { visible-height: 32px; } .workspace-thumbnails-background { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.08); border: none; padding: 8px; border-radius: 4px 0 0 4px; } .workspace-thumbnails-background:rtl { border-radius: 0 4px 4px 0; } .workspace-thumbnails { spacing: 32px; } .workspace-add-button { background-image: url(assets/add-workspace.svg); height: 200px; width: 35px; transition-duration: shorter_duration; } .workspace-add-button:hover { background-image: url(assets/add-workspace-hover.svg); } .workspace-add-button:active { background-image: url(assets/add-workspace-active.svg); } .workspace-close-button, .window-close { background-image: url(assets/close-window.svg); height: 32px; width: 32px; -cinnamon-close-overlap: 20px; } .workspace-close-button:rtl, .window-close:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } .window-border { border: 1px solid rgba(0, 0, 0, 0.12); } .window-close-area { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.12); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; width: 400px; } .expo-background { background-color: rgba(0, 0, 0, 0.6); } .workspace-overview-background-shade { background-color: rgba(0, 0, 0, 0.6); } .expo-workspace-thumbnail-frame { border: 1px solid rgba(0, 0, 0, 0.12); } .expo-workspace-thumbnail-frame#active { border: 1px solid #1A73E8; } #LookingGlassDialog { spacing: 4px; padding: 8px; } .calendar { padding: 4px 8px; spacing-rows: 2px; spacing-columns: 4px; } .datemenu-date-label { font-size: 15pt; font-weight: 500; height: 24px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(0, 0, 0, 0.87); text-align: center; } .datemenu-date-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-month-label { font-size: 10.5pt; font-weight: 500; height: 16px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(0, 0, 0, 0.87); text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .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.26); } .calendar-day-base:active { color: white; background-color: #1A73E8; border-color: transparent; } .calendar-week-number { font-size: 9pt; font-weight: 400; width: 21px; height: 28px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); text-align: center; } .calendar-day-heading { font-size: 9pt; font-weight: 400; width: 28px; height: 21px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); 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; border: none; } .calendar-day-with-events { color: #1A73E8; 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; } #notification { background-color: #FFFFFF; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; margin-from-right-edge-of-screen: 20px; width: 34em; color: rgba(0, 0, 0, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } #notification.multi-line-notification { padding-bottom: 8px; } #notification .url-highlighter { link-color: #1A73E8; } .notification-with-image { min-height: 159px; color: rgba(0, 0, 0, 0.87); } #notification-scrollview { max-height: 10em; } #notification-scrollview > .top-shadow { height: 1em; } #notification-scrollview > .bottom-shadow { height: 1em; } #notification-scrollview:ltr > StScrollBar { padding-left: 6px; } #notification-scrollview:rtl > StScrollBar { padding-right: 6px; } #notification-body { spacing: 4px; } #notification-actions { spacing: 8px; } .notification-icon-button > StIcon { icon-size: 1.5em; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { transition-duration: 100ms; } .switcher-list .item-box { padding: 8px; border-radius: 4px; } .switcher-list .item-box:selected { background-color: rgba(0, 0, 0, 0.12); } .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-list-item-container { spacing: 8px; } .thumbnail-scroll-gradient-left { background-gradient-direction: horizontal; background-gradient-start: #333333; background-gradient-end: rgba(51, 51, 51, 0); border-radius: 4px; border-radius-topright: 0; border-radius-bottomright: 0; width: 60px; } .thumbnail-scroll-gradient-right { background-gradient-direction: horizontal; background-gradient-start: rgba(51, 51, 51, 0); background-gradient-end: #333333; border-radius: 4px; border-radius-topleft: 0; border-radius-bottomleft: 0; width: 60px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .switcher-preview-backdrop { background-color: rgba(0, 0, 0, 0.6); } .ripple-box { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); background-color: #1A73E8; border-radius: 52px; } .modal-dialog { padding: 16px 20px; } .modal-dialog-button-box { spacing: 16px; } .run-dialog-label { color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } .run-dialog-error-label { color: #D93025; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-completion-box { padding-left: 15px; } .run-dialog { border-radius: 4px; padding: 16px 20px; } .lightbox { background-color: rgba(0, 0, 0, 0.3); } .cinnamon-mount-operation-icon { icon-size: 4.8em; } .mount-password-reask { color: #F4B400; } .show-processes-dialog { spacing: 24px; } .mount-question-dialog { spacing: 24px; } .show-processes-dialog-description:rtl { padding-right: 17px; } .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; } .magnifier-zoom-region { border: 3px solid rgba(0, 0, 0, 0.12); } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(0, 0, 0, 0.6); } .keyboard-key { font-size: 10.5pt; font-weight: 500; } .keyboard-layout { spacing: 8px; padding: 8px; } .keyboard-row { spacing: 16px; } .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: #F2F2F2; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-favorites-box { padding: 8px; } .menu-favorites-button { padding: 0.4em 4px; } .menu-favorites-button:hover { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-categories-box { padding: 8px; } .menu-applications-inner-box { padding: 8px; } .menu-applications-outer-box { padding: 8px; border-radius: 4px; } .menu-application-button { padding: 0.4em 4px; } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 0.4em 4px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-application-button-selected:highlighted { font-weight: bold; } .menu-category-button { padding: 0.4em 4px; } .menu-category-button-greyed { padding: 0.4em 4px; color: rgba(0, 0, 0, 0.6); font-style: italic; } .menu-category-button-selected { padding: 0.4em 4px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-selected-app-box { padding: 8px; margin-bottom: 4px; text-align: right; } .menu-selected-app-box:rtl { text-align: left; } .menu-selected-app-title { font-size: 9pt; font-weight: 400; } .menu-selected-app-description { font-size: 9pt; font-weight: 400; max-width: 150px; } .menu-search-box:ltr { padding-left: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-box:rtl { padding-right: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-entry-icon { icon-size: 1em; padding: 0 0; color: rgba(0, 0, 0, 0.38); } .window-list-box { font-size: 9pt; font-weight: 400; spacing: 4px; padding: 0 3px; } .window-list-box.vertical { spacing: 4px; padding: 3px 0; } .window-list-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box .progress { background-color: #0F9D58; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 3px; } .window-list-item-demands-attention { background-color: #383838; color: rgba(255, 255, 255, 0.6); } .window-list-preview { background-color: #FFFFFF; border-radius: 4px; padding: 10px 15px; spacing: 1em; color: rgba(0, 0, 0, 0.87); box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .grouped-window-list-thumbnail-label { padding-left: 3px; padding-bottom: 6px; } .grouped-window-list-number-label { font-size: 9pt; font-weight: 400; z-index: 99; } .grouped-window-list-list-button-label { padding-left: 3px; } .grouped-window-list-badge { border-radius: 9999px; background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { background: #F4B400; } .grouped-window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .grouped-window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { background-color: rgba(255, 255, 255, 0.12); } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box .progress { background-color: #0F9D58; } .grouped-window-list-item-demands-attention { background-color: #383838; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-thumbnail-menu { padding: 20px; border: none; border-radius: 4px; color: rgba(255, 255, 255, 0.6); background: none; } .grouped-window-list-thumbnail-menu .item-box { padding: 8px; spacing: 2px; border-radius: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { border: 2px solid rgba(0, 0, 0, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box:selected { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel { padding-bottom: 2px; } .grouped-window-list-thumbnail-menu .item-box > StButton:ltr { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StButton:rtl { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .thumbnail-box { padding: 2px; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .sound-player StButton:small { min-width: 24px; min-height: 24px; padding: 4px; } .sound-player StButton:small StIcon { icon-size: 1em; } .sound-player StButton StIcon { icon-size: 1.5em; } .sound-player .slider { height: 5px; } .sound-player StBoxLayout { spacing: 0.5em; } .sound-player > StBoxLayout { padding: 5px; } .sound-player-generic-coverart { background: rgba(0, 0, 0, 0.2); } .sound-player-overlay { background-color: #FFFFFF; min-width: 300px; padding: 12px 16px; spacing: 0.5em; color: rgba(0, 0, 0, 0.6); } .workspace-button { background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.6); margin: 2px; } .workspace-button:outlined { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .workspace-graph { background-color: rgba(0, 0, 0, 0.6); } .workspace-graph .workspace { background-color: #1F1F1F; border: 1px solid rgba(0, 0, 0, 0.12); } .workspace-graph .workspace:active { background-color: rgba(255, 255, 255, 0.26); border: 1px solid rgba(0, 0, 0, 0.12); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(255, 255, 255, 0.8); -active-window-border: rgba(0, 0, 0, 0.9); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .workspace-graph .workspace .windows { -active-window-background: rgba(140, 140, 140, 0.8); -active-window-border: rgba(0, 0, 0, 0.7); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .panel-launchers { padding: 0 4px; spacing: 4px; transition-duration: 100ms; } .panel-launchers .launcher { background-color: rgba(0, 0, 0, 0.01); } .panel-launchers.vertical { padding: 4px 0; spacing: 4px; } .panel-launchers.vertical .launcher .icon-box { padding-top: 0; } .applet-separator-line, .applet-separator-line-vertical { width: 2px; background: rgba(255, 255, 255, 0.12); } .applet-spacer:highlight { background: rgba(255, 255, 255, 0.4); } .applet-box { background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .applet-box:checked { color: rgba(255, 255, 255, 0.87); } .applet-box:checked .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:hover { color: rgba(255, 255, 255, 0.87); } .applet-box:hover .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .applet-box:highlight .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-label { font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.6); } .applet-icon { color: rgba(255, 255, 255, 0.6); padding: 0; spacing: 0; icon-size: 22px; } .desklet { font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.87); border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); padding: 12px; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .desklet-with-borders { font-size: 9pt; font-weight: 400; background-color: #FFFFFF; border-radius: 4px; } .desklet-with-borders:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; background-color: #FFFFFF; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } .desklet-with-borders-and-header:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-header { font-size: 15pt; font-weight: 500; background-color: #FFFFFF; border-radius-topleft: 2px; border-radius-topright: 2px; } .desklet-header:highlight { background-color: rgba(255, 255, 255, 0.4); } .photoframe-box { background-color: #FFFFFF; border-radius: 4px; } .photoframe-box:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-drag-placeholder { border: 2px solid #1A73E8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .launcher { padding: 1px; } .launcher .icon-box { padding-top: 2px; } .about-content { min-width: 250px; min-height: 150px; spacing: 8px; padding-bottom: 16px; } .about-title { font-size: 15pt; font-weight: 500; } .about-uuid { font-size: 9pt; font-weight: 400; } .about-icon { padding-right: 20px; } .about-scrollBox { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 4px; } .about-scrollBox-innerBox { padding: 1.2em; spacing: 1.2em; } .about-description { padding-top: 4px; } .about-version { padding-left: 7px; } .expo-workspaces-name-entry { font-size: 11.25pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; padding: 0 8px; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; caret-color: white; text-align: center; height: 32px; border-radius: 4px 4px 0 0; -cinnamon-caption-spacing: 12px; } .expo-workspaces-name-entry#selected { color: white; background-color: rgba(255, 255, 255, 0.3); } .expo-workspaces-name-entry:focus { color: white; box-shadow: inset 0 -2px white; } .expo-workspaces-name-entry:hover { background-color: rgba(255, 255, 255, 0.12); } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .check-box CinnamonGenericContainer { spacing: 8px; } .check-box:focus:checked StBin { background-image: url(assets/checkbox.svg); } .check-box:checked StBin { background-image: url(assets/checkbox.svg); } .radiobutton CinnamonGenericContainer { spacing: 8px; } .radiobutton:focus:checked StBin { background-image: url(assets/radiobutton.svg); } .radiobutton:checked StBin { background-image: url(assets/radiobutton.svg); } .flashspot { background-color: #1A73E8; } .osd-window { spacing: 1em; padding: 16px; } .osd-window .level { height: 0.7em; border-radius: 0.3em; background-color: rgba(0, 0, 0, 0.26); } .osd-window .level-bar { border-radius: 0.3em; background-color: #1A73E8; } .tile-hud:top { border-top-width: 0; border-radius: 0 0 10px 10px; } .tile-hud:bottom { border-bottom-width: 0; border-radius: 4px 4px 0 0; } .tile-hud:left { border-left-width: 0; border-radius: 0 10px 10px 0; } .tile-hud:right { border-right-width: 0; border-radius: 10px 0 0 10px; } .tile-hud:top-left { border-top-width: 0; border-left-width: 0; border-radius: 0 0 10px 0; } .tile-hud:top-right { border-top-width: 0; border-right-width: 0; border-radius: 0 0 0 10px; } .tile-hud:bottom-left { border-bottom-width: 0; border-left-width: 0; border-radius: 0 10px 0 0; } .tile-hud:bottom-right { border-bottom-width: 0; border-right-width: 0; border-radius: 10px 0 0 0; } .systray { spacing: 4px; } .user-box { padding: 0.4em 1.3em; spacing: 10px; } .user-icon { padding: 4px; border: none; } .user-label { font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } materia-theme-20200320/src/cinnamon/cinnamon-compact.scss000066400000000000000000000004631363503524500232130ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'true'; @import '../_sass/variables'; @import '../_sass/colors'; @import '../_sass/gnome-shell/variables'; @import '../_sass/gnome-shell/drawing'; @import '../_sass/cinnamon/over-rides'; @import '../_sass/cinnamon/extends'; @import '../_sass/cinnamon/common'; materia-theme-20200320/src/cinnamon/cinnamon-dark-compact.css000066400000000000000000001107321363503524500237500ustar00rootroot00000000000000.notification-button, .modal-dialog-button { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; font-size: 10.5pt; font-weight: 500; min-height: 32px; padding: 0 16px; border-radius: 4px; } .notification-button:focus, .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; } .notification-button:active, .modal-dialog-button:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .notification-button:insensitive, .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.38); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-icon-button, .keyboard-key, .sound-player StButton { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; min-height: 32px; min-width: 32px; padding: 6px; border-radius: 4px; } .notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; } .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive { color: rgba(255, 255, 255, 0.38); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.26); -slider-border-color: transparent; -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; } .separator, .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0.12); -gradient-end: rgba(255, 255, 255, 0.12); -margin-horizontal: 4px; height: 1.5em; } #notification StEntry, .run-dialog-entry, #menu-search-entry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); width: 250px; min-height: 32px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); caret-color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; padding: 0 8px; border-width: 0; color: rgba(255, 255, 255, 0.87); } .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box { color: rgba(255, 255, 255, 0.87); border: none; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; border-radius: 999px; transition-duration: 100ms; } .calendar-change-month-back:active, .calendar-change-month-forward:active { background-color: rgba(255, 255, 255, 0.26); } .menu, .popup-combo-menu { background-color: #343434; border-radius: 4px; color: rgba(255, 255, 255, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-application-button-label:ltr, .menu-category-button-label:ltr { padding-left: 4px; } .menu-application-button-label:rtl, .menu-category-button-label:rtl { padding-right: 4px; } .show-processes-dialog-subject, .mount-question-dialog-subject { font-weight: bold; color: rgba(255, 255, 255, 0.87); padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { color: rgba(255, 255, 255, 0.87); padding-left: 17px; width: 28em; } .check-box StBin, .check-box:focus StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url(assets/checkbox-off.svg); } .radiobutton StBin, .radiobutton:focus StBin { width: 20px; height: 20px; padding: 6px; border-radius: 100px; background-image: url(assets/radiobutton-off.svg); } .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); border: 2px solid rgba(255, 255, 255, 0.12); } .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); border: 2px solid #8AB4F8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { color: rgba(255, 255, 255, 0.87); background-color: #343434; border: none; border-radius: 4px; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .overview-empty-placeholder, .info-osd, .workspace-osd { font-size: 15pt; font-weight: 500; text-align: center; padding: 8px 10px; } stage { font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; color: rgba(255, 255, 255, 0.87); } .cinnamon-link { color: #8AB4F8; font-style: italic; } .cinnamon-link:hover { color: #8AB4F8; } .label-shadow { color: transparent; } StScrollBar { padding: 0px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.38); border-radius: 100px; margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.12); } StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } #Tooltip { font-size: 9pt; font-weight: 400; padding: 6px 8px; color: white; text-align: center; border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); } .menu { min-width: 100px; margin: 4px; } .menu-top-box { spacing: 5px; } .menu-systembuttons-box { padding: 10px; } .popup-sub-menu { background-color: rgba(255, 255, 255, 0.04); } .popup-menu-arrow { icon-size: 1.14em; } .popup-combo-menu { padding: 8px 0; } .popup-menu-content { padding: 8px 0; } .popup-menu-item { padding: 0.4em 16px; spacing: 8px; transition-duration: 100ms; } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.87); transition-duration: 0ms; } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-image-menu-item { color: rgba(255, 255, 255, 0.6); } .popup-combobox-item { padding: 0.4em 16px; } .popup-device-menu-item { spacing: .5em; } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-subtitle-menu-item { font-size: 10.5pt; font-weight: 500; } .popup-menu-icon { icon-size: 1.14em; } .popup-alternating-menu-item:alternate { font-size: 10.5pt; font-weight: 500; } .toggle-switch { width: 40px; height: 20px; } .toggle-switch-us, .toggle-switch-intl { background-image: url(assets/toggle-off.svg); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url(assets/toggle-on.svg); } .nm-menu-item-icons { spacing: .5em; icon-size: 1.14em; } #panel { color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.6); height: 2.5em; width: 3.2em; } #panel:highlight { background-color: rgba(255, 255, 255, 0.26); } .panel-dummy { background-color: rgba(255, 0, 0, 0.6); } .panel-dummy:entered { background-color: rgba(0, 255, 0, 0.6); } .panelLeft { spacing: 4px; } .panelLeft:dnd { background-color: rgba(255, 0, 0, 0.6); } .panelLeft:ltr { padding-right: 4px; } .panelLeft:rtl { padding-left: 4px; } .panelLeft.vertical { padding: 0; } .panelCenter { spacing: 4px; } .panelCenter:dnd { background-color: rgba(0, 255, 0, 0.6); } .panelCenter.vertical { padding-left: 0; padding-right: 0; } .panelRight { spacing: 4px; } .panelRight:dnd { background-color: rgba(0, 0, 255, 0.6); } .panelRight:ltr { padding-left: 0; spacing: 0; } .panelRight:rtl { padding-right: 0; spacing: 0; } .panelRight.vertical { padding: 0; } .panel-top .window-list-item-box:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-badge { margin-top: 2px; } .panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button { padding: 1px 4px; } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .applet-box { padding: 0 4px; } .panel-top .applet-box:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .panel-launchers .launcher:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .applet-separator { padding: 3px 4px; } .panel-top .systray:hover { box-shadow: 0 4px 0 0 #8AB4F8 inset; } .panel-bottom .window-list-item-box:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { padding: 1px 4px; } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .applet-box { padding: 0 4px; } .panel-bottom .applet-box:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .panel-launchers .launcher:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .applet-separator { padding: 3px 4px; } .panel-bottom .systray:hover { box-shadow: 0 4px 0 0 #8AB4F8 inset; } .panel-left .window-list-item-box:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-badge { margin-left: 2px; } .panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .applet-box { padding: 4px 0; } .panel-left .applet-box:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .panel-launchers .launcher:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .applet-separator { padding: 4px 3px; } .panel-left .systray:hover { box-shadow: 4px 0 0 0 #8AB4F8 inset; } .panel-right .window-list-item-box:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .applet-box { padding: 4px 0; } .panel-right .applet-box:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .panel-launchers .launcher:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .applet-separator { padding: 4px 3px; } .panel-right .systray:hover { box-shadow: -4px 0 0 0 #8AB4F8 inset; } .panel-status-button { font-size: 10.5pt; font-weight: 500; -natural-hpadding: 4px; -minimum-hpadding: 4px; color: rgba(255, 255, 255, 0.6); } .panel-status-button:hover { color: rgba(255, 255, 255, 0.87); } .system-status-icon { icon-size: 1.14em; padding: 0; spacing: 0; } .system-status-icon.warning { color: #FDD633; } .system-status-icon.error { color: #F28B82; } #overview { spacing: 12px; } .window-caption { font-size: 9pt; font-weight: 400; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); padding: 4px 6px; text-align: center; height: 1.5em; -cinnamon-caption-spacing: 12px; } .window-caption#selected, .window-caption:focus { color: rgba(255, 255, 255, 0.87); box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .workspace-controls { visible-height: 32px; } .workspace-thumbnails-background { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.08); border: none; padding: 8px; border-radius: 4px 0 0 4px; } .workspace-thumbnails-background:rtl { border-radius: 0 4px 4px 0; } .workspace-thumbnails { spacing: 32px; } .workspace-add-button { background-image: url(assets/add-workspace.svg); height: 200px; width: 35px; transition-duration: shorter_duration; } .workspace-add-button:hover { background-image: url(assets/add-workspace-hover.svg); } .workspace-add-button:active { background-image: url(assets/add-workspace-active.svg); } .workspace-close-button, .window-close { background-image: url(assets/close-window.svg); height: 32px; width: 32px; -cinnamon-close-overlap: 20px; } .workspace-close-button:rtl, .window-close:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } .window-border { border: 1px solid rgba(255, 255, 255, 0.12); } .window-close-area { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.12); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; width: 400px; } .expo-background { background-color: rgba(0, 0, 0, 0.6); } .workspace-overview-background-shade { background-color: rgba(0, 0, 0, 0.6); } .expo-workspace-thumbnail-frame { border: 1px solid rgba(255, 255, 255, 0.12); } .expo-workspace-thumbnail-frame#active { border: 1px solid #8AB4F8; } #LookingGlassDialog { spacing: 4px; padding: 8px; } .calendar { padding: 4px 8px; spacing-rows: 2px; spacing-columns: 4px; } .datemenu-date-label { font-size: 15pt; font-weight: 500; height: 24px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(255, 255, 255, 0.87); text-align: center; } .datemenu-date-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar-month-label { font-size: 10.5pt; font-weight: 500; height: 16px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(255, 255, 255, 0.87); text-align: center; } .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .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.26); } .calendar-day-base:active { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; } .calendar-week-number { font-size: 9pt; font-weight: 400; width: 21px; height: 28px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.38); text-align: center; } .calendar-day-heading { font-size: 9pt; font-weight: 400; width: 28px; height: 21px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.38); 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(255, 255, 255, 0.87); } .calendar-today { font-weight: bold; border: none; } .calendar-day-with-events { color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(255, 255, 255, 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(255, 255, 255, 0.38); font-size: inherit; font-weight: bold; text-align: center; } #notification { background-color: #343434; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.12); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; margin-from-right-edge-of-screen: 20px; width: 34em; color: rgba(255, 255, 255, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } #notification.multi-line-notification { padding-bottom: 8px; } #notification .url-highlighter { link-color: #8AB4F8; } .notification-with-image { min-height: 159px; color: rgba(255, 255, 255, 0.87); } #notification-scrollview { max-height: 10em; } #notification-scrollview > .top-shadow { height: 1em; } #notification-scrollview > .bottom-shadow { height: 1em; } #notification-scrollview:ltr > StScrollBar { padding-left: 6px; } #notification-scrollview:rtl > StScrollBar { padding-right: 6px; } #notification-body { spacing: 4px; } #notification-actions { spacing: 8px; } .notification-icon-button > StIcon { icon-size: 1.5em; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { transition-duration: 100ms; } .switcher-list .item-box { padding: 8px; border-radius: 4px; } .switcher-list .item-box:selected { background-color: rgba(255, 255, 255, 0.12); } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-list-item-container { spacing: 8px; } .thumbnail-scroll-gradient-left { background-gradient-direction: horizontal; background-gradient-start: #333333; background-gradient-end: rgba(51, 51, 51, 0); border-radius: 4px; border-radius-topright: 0; border-radius-bottomright: 0; width: 60px; } .thumbnail-scroll-gradient-right { background-gradient-direction: horizontal; background-gradient-start: rgba(51, 51, 51, 0); background-gradient-end: #333333; border-radius: 4px; border-radius-topleft: 0; border-radius-bottomleft: 0; width: 60px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .switcher-preview-backdrop { background-color: rgba(0, 0, 0, 0.6); } .ripple-box { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); background-color: #8AB4F8; border-radius: 52px; } .modal-dialog { padding: 16px 20px; } .modal-dialog-button-box { spacing: 16px; } .run-dialog-label { color: rgba(255, 255, 255, 0.6); padding-bottom: .4em; } .run-dialog-error-label { color: #F28B82; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-completion-box { padding-left: 15px; } .run-dialog { border-radius: 4px; padding: 16px 20px; } .lightbox { background-color: rgba(0, 0, 0, 0.3); } .cinnamon-mount-operation-icon { icon-size: 4.8em; } .mount-password-reask { color: #FDD633; } .show-processes-dialog { spacing: 24px; } .mount-question-dialog { spacing: 24px; } .show-processes-dialog-description:rtl { padding-right: 17px; } .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(255, 255, 255, 0.87); } .show-processes-dialog-app-list-item:hover { color: rgba(255, 255, 255, 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; } .magnifier-zoom-region { border: 3px solid rgba(255, 255, 255, 0.12); } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(0, 0, 0, 0.6); } .keyboard-key { font-size: 10.5pt; font-weight: 500; } .keyboard-layout { spacing: 8px; padding: 8px; } .keyboard-row { spacing: 16px; } .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: #181818; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-favorites-box { padding: 8px; } .menu-favorites-button { padding: 0.4em 4px; } .menu-favorites-button:hover { background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; color: rgba(255, 255, 255, 0.87); } .menu-categories-box { padding: 8px; } .menu-applications-inner-box { padding: 8px; } .menu-applications-outer-box { padding: 8px; border-radius: 4px; } .menu-application-button { padding: 0.4em 4px; } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 0.4em 4px; background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; color: rgba(255, 255, 255, 0.87); } .menu-application-button-selected:highlighted { font-weight: bold; } .menu-category-button { padding: 0.4em 4px; } .menu-category-button-greyed { padding: 0.4em 4px; color: rgba(255, 255, 255, 0.6); font-style: italic; } .menu-category-button-selected { padding: 0.4em 4px; background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; color: rgba(255, 255, 255, 0.87); } .menu-selected-app-box { padding: 8px; margin-bottom: 4px; text-align: right; } .menu-selected-app-box:rtl { text-align: left; } .menu-selected-app-title { font-size: 9pt; font-weight: 400; } .menu-selected-app-description { font-size: 9pt; font-weight: 400; max-width: 150px; } .menu-search-box:ltr { padding-left: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-box:rtl { padding-right: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-entry-icon { icon-size: 1em; padding: 0 0; color: rgba(255, 255, 255, 0.38); } .window-list-box { font-size: 9pt; font-weight: 400; spacing: 4px; padding: 0 3px; } .window-list-box.vertical { spacing: 4px; padding: 3px 0; } .window-list-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box .progress { background-color: #81C995; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 3px; } .window-list-item-demands-attention { background-color: #2d2d2d; color: rgba(255, 255, 255, 0.6); } .window-list-preview { background-color: #343434; border-radius: 4px; padding: 10px 15px; spacing: 1em; color: rgba(255, 255, 255, 0.87); box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .grouped-window-list-thumbnail-label { padding-left: 3px; padding-bottom: 6px; } .grouped-window-list-number-label { font-size: 9pt; font-weight: 400; z-index: 99; } .grouped-window-list-list-button-label { padding-left: 3px; } .grouped-window-list-badge { border-radius: 9999px; background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { background: #FDD633; } .grouped-window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .grouped-window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { background-color: rgba(255, 255, 255, 0.12); } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box .progress { background-color: #81C995; } .grouped-window-list-item-demands-attention { background-color: #2d2d2d; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-thumbnail-menu { padding: 20px; border: none; border-radius: 4px; color: rgba(255, 255, 255, 0.6); background: none; } .grouped-window-list-thumbnail-menu .item-box { padding: 8px; spacing: 2px; border-radius: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { border: 2px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box:selected { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel { padding-bottom: 2px; } .grouped-window-list-thumbnail-menu .item-box > StButton:ltr { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StButton:rtl { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .thumbnail-box { padding: 2px; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .sound-player StButton:small { min-width: 24px; min-height: 24px; padding: 4px; } .sound-player StButton:small StIcon { icon-size: 1em; } .sound-player StButton StIcon { icon-size: 1.5em; } .sound-player .slider { height: 5px; } .sound-player StBoxLayout { spacing: 0.5em; } .sound-player > StBoxLayout { padding: 5px; } .sound-player-generic-coverart { background: rgba(0, 0, 0, 0.2); } .sound-player-overlay { background-color: #343434; min-width: 300px; padding: 12px 16px; spacing: 0.5em; color: rgba(255, 255, 255, 0.6); } .workspace-button { background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.6); margin: 2px; } .workspace-button:outlined { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .workspace-graph { background-color: rgba(0, 0, 0, 0.6); } .workspace-graph .workspace { background-color: #1F1F1F; border: 1px solid rgba(255, 255, 255, 0.12); } .workspace-graph .workspace:active { background-color: rgba(255, 255, 255, 0.26); border: 1px solid rgba(255, 255, 255, 0.12); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(255, 255, 255, 0.8); -active-window-border: rgba(0, 0, 0, 0.9); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .workspace-graph .workspace .windows { -active-window-background: rgba(140, 140, 140, 0.8); -active-window-border: rgba(0, 0, 0, 0.7); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .panel-launchers { padding: 0 4px; spacing: 4px; transition-duration: 100ms; } .panel-launchers .launcher { background-color: rgba(0, 0, 0, 0.01); } .panel-launchers.vertical { padding: 4px 0; spacing: 4px; } .panel-launchers.vertical .launcher .icon-box { padding-top: 0; } .applet-separator-line, .applet-separator-line-vertical { width: 2px; background: rgba(255, 255, 255, 0.12); } .applet-spacer:highlight { background: rgba(255, 255, 255, 0.1); } .applet-box { background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .applet-box:checked { color: rgba(255, 255, 255, 0.87); } .applet-box:checked .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:hover { color: rgba(255, 255, 255, 0.87); } .applet-box:hover .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .applet-box:highlight .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-label { font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.6); } .applet-icon { color: rgba(255, 255, 255, 0.6); padding: 0; spacing: 0; icon-size: 22px; } .desklet { font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.87); border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); padding: 12px; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .desklet-with-borders { font-size: 9pt; font-weight: 400; background-color: #343434; border-radius: 4px; } .desklet-with-borders:highlight { background-color: rgba(255, 255, 255, 0.1); } .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; background-color: #343434; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } .desklet-with-borders-and-header:highlight { background-color: rgba(255, 255, 255, 0.1); } .desklet-header { font-size: 15pt; font-weight: 500; background-color: #343434; border-radius-topleft: 2px; border-radius-topright: 2px; } .desklet-header:highlight { background-color: rgba(255, 255, 255, 0.1); } .photoframe-box { background-color: #343434; border-radius: 4px; } .photoframe-box:highlight { background-color: rgba(255, 255, 255, 0.1); } .desklet-drag-placeholder { border: 2px solid #8AB4F8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .launcher { padding: 1px; } .launcher .icon-box { padding-top: 2px; } .about-content { min-width: 250px; min-height: 150px; spacing: 8px; padding-bottom: 16px; } .about-title { font-size: 15pt; font-weight: 500; } .about-uuid { font-size: 9pt; font-weight: 400; } .about-icon { padding-right: 20px; } .about-scrollBox { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } .about-scrollBox-innerBox { padding: 1.2em; spacing: 1.2em; } .about-description { padding-top: 4px; } .about-version { padding-left: 7px; } .expo-workspaces-name-entry { font-size: 11.25pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; padding: 0 8px; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; caret-color: white; text-align: center; height: 32px; border-radius: 4px 4px 0 0; -cinnamon-caption-spacing: 12px; } .expo-workspaces-name-entry#selected { color: white; background-color: rgba(255, 255, 255, 0.3); } .expo-workspaces-name-entry:focus { color: white; box-shadow: inset 0 -2px white; } .expo-workspaces-name-entry:hover { background-color: rgba(255, 255, 255, 0.12); } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .check-box CinnamonGenericContainer { spacing: 8px; } .check-box:focus:checked StBin { background-image: url(assets/checkbox.svg); } .check-box:checked StBin { background-image: url(assets/checkbox.svg); } .radiobutton CinnamonGenericContainer { spacing: 8px; } .radiobutton:focus:checked StBin { background-image: url(assets/radiobutton.svg); } .radiobutton:checked StBin { background-image: url(assets/radiobutton.svg); } .flashspot { background-color: #8AB4F8; } .osd-window { spacing: 1em; padding: 16px; } .osd-window .level { height: 0.7em; border-radius: 0.3em; background-color: rgba(255, 255, 255, 0.26); } .osd-window .level-bar { border-radius: 0.3em; background-color: #8AB4F8; } .tile-hud:top { border-top-width: 0; border-radius: 0 0 10px 10px; } .tile-hud:bottom { border-bottom-width: 0; border-radius: 4px 4px 0 0; } .tile-hud:left { border-left-width: 0; border-radius: 0 10px 10px 0; } .tile-hud:right { border-right-width: 0; border-radius: 10px 0 0 10px; } .tile-hud:top-left { border-top-width: 0; border-left-width: 0; border-radius: 0 0 10px 0; } .tile-hud:top-right { border-top-width: 0; border-right-width: 0; border-radius: 0 0 0 10px; } .tile-hud:bottom-left { border-bottom-width: 0; border-left-width: 0; border-radius: 0 10px 0 0; } .tile-hud:bottom-right { border-bottom-width: 0; border-right-width: 0; border-radius: 10px 0 0 0; } .systray { spacing: 4px; } .user-box { padding: 0.4em 1.3em; spacing: 10px; } .user-icon { padding: 4px; border: none; } .user-label { font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/cinnamon/cinnamon-dark-compact.scss000066400000000000000000000004621363503524500241310ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'true'; @import '../_sass/variables'; @import '../_sass/colors'; @import '../_sass/gnome-shell/variables'; @import '../_sass/gnome-shell/drawing'; @import '../_sass/cinnamon/over-rides'; @import '../_sass/cinnamon/extends'; @import '../_sass/cinnamon/common'; materia-theme-20200320/src/cinnamon/cinnamon-dark.css000066400000000000000000001107271363503524500223300ustar00rootroot00000000000000.notification-button, .modal-dialog-button { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; font-size: 10.5pt; font-weight: 500; min-height: 36px; padding: 0 16px; border-radius: 4px; } .notification-button:focus, .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; } .notification-button:active, .modal-dialog-button:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .notification-button:insensitive, .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.38); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-icon-button, .keyboard-key, .sound-player StButton { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; min-height: 36px; min-width: 36px; padding: 6px; border-radius: 4px; } .notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; } .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive { color: rgba(255, 255, 255, 0.38); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.26); -slider-border-color: transparent; -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; } .separator, .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0.12); -gradient-end: rgba(255, 255, 255, 0.12); -margin-horizontal: 4px; height: 1.5em; } #notification StEntry, .run-dialog-entry, #menu-search-entry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); width: 250px; min-height: 36px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); caret-color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; padding: 0 8px; border-width: 0; color: rgba(255, 255, 255, 0.87); } .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box { color: rgba(255, 255, 255, 0.87); border: none; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; border-radius: 999px; transition-duration: 100ms; } .calendar-change-month-back:active, .calendar-change-month-forward:active { background-color: rgba(255, 255, 255, 0.26); } .menu, .popup-combo-menu { background-color: #343434; border-radius: 4px; color: rgba(255, 255, 255, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-application-button-label:ltr, .menu-category-button-label:ltr { padding-left: 4px; } .menu-application-button-label:rtl, .menu-category-button-label:rtl { padding-right: 4px; } .show-processes-dialog-subject, .mount-question-dialog-subject { font-weight: bold; color: rgba(255, 255, 255, 0.87); padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { color: rgba(255, 255, 255, 0.87); padding-left: 17px; width: 28em; } .check-box StBin, .check-box:focus StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url(assets/checkbox-off.svg); } .radiobutton StBin, .radiobutton:focus StBin { width: 20px; height: 20px; padding: 8px; border-radius: 100px; background-image: url(assets/radiobutton-off.svg); } .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); border: 2px solid rgba(255, 255, 255, 0.12); } .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); border: 2px solid #8AB4F8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { color: rgba(255, 255, 255, 0.87); background-color: #343434; border: none; border-radius: 4px; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .overview-empty-placeholder, .info-osd, .workspace-osd { font-size: 15pt; font-weight: 500; text-align: center; padding: 8px 10px; } stage { font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; color: rgba(255, 255, 255, 0.87); } .cinnamon-link { color: #8AB4F8; font-style: italic; } .cinnamon-link:hover { color: #8AB4F8; } .label-shadow { color: transparent; } StScrollBar { padding: 0px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.38); border-radius: 100px; margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.12); } StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } #Tooltip { font-size: 9pt; font-weight: 400; padding: 6px 8px; color: white; text-align: center; border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); } .menu { min-width: 100px; margin: 4px; } .menu-top-box { spacing: 5px; } .menu-systembuttons-box { padding: 10px; } .popup-sub-menu { background-color: rgba(255, 255, 255, 0.04); } .popup-menu-arrow { icon-size: 1.14em; } .popup-combo-menu { padding: 8px 0; } .popup-menu-content { padding: 8px 0; } .popup-menu-item { padding: 0.4em 16px; spacing: 8px; transition-duration: 100ms; } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.87); transition-duration: 0ms; } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-image-menu-item { color: rgba(255, 255, 255, 0.6); } .popup-combobox-item { padding: 0.4em 16px; } .popup-device-menu-item { spacing: .5em; } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-subtitle-menu-item { font-size: 10.5pt; font-weight: 500; } .popup-menu-icon { icon-size: 1.14em; } .popup-alternating-menu-item:alternate { font-size: 10.5pt; font-weight: 500; } .toggle-switch { width: 40px; height: 20px; } .toggle-switch-us, .toggle-switch-intl { background-image: url(assets/toggle-off.svg); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url(assets/toggle-on.svg); } .nm-menu-item-icons { spacing: .5em; icon-size: 1.14em; } #panel { color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.6); height: 2.5em; width: 3.2em; } #panel:highlight { background-color: rgba(255, 255, 255, 0.26); } .panel-dummy { background-color: rgba(255, 0, 0, 0.6); } .panel-dummy:entered { background-color: rgba(0, 255, 0, 0.6); } .panelLeft { spacing: 4px; } .panelLeft:dnd { background-color: rgba(255, 0, 0, 0.6); } .panelLeft:ltr { padding-right: 4px; } .panelLeft:rtl { padding-left: 4px; } .panelLeft.vertical { padding: 0; } .panelCenter { spacing: 4px; } .panelCenter:dnd { background-color: rgba(0, 255, 0, 0.6); } .panelCenter.vertical { padding-left: 0; padding-right: 0; } .panelRight { spacing: 4px; } .panelRight:dnd { background-color: rgba(0, 0, 255, 0.6); } .panelRight:ltr { padding-left: 0; spacing: 0; } .panelRight:rtl { padding-right: 0; spacing: 0; } .panelRight.vertical { padding: 0; } .panel-top .window-list-item-box:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-badge { margin-top: 2px; } .panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button { padding: 1px 4px; } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .applet-box { padding: 0 4px; } .panel-top .applet-box:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .panel-launchers .launcher:hover { box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .applet-separator { padding: 3px 4px; } .panel-top .systray:hover { box-shadow: 0 4px 0 0 #8AB4F8 inset; } .panel-bottom .window-list-item-box:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { padding: 1px 4px; } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .applet-box { padding: 0 4px; } .panel-bottom .applet-box:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .panel-launchers .launcher:hover { box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .applet-separator { padding: 3px 4px; } .panel-bottom .systray:hover { box-shadow: 0 4px 0 0 #8AB4F8 inset; } .panel-left .window-list-item-box:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-badge { margin-left: 2px; } .panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .applet-box { padding: 4px 0; } .panel-left .applet-box:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .panel-launchers .launcher:hover { box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .applet-separator { padding: 4px 3px; } .panel-left .systray:hover { box-shadow: 4px 0 0 0 #8AB4F8 inset; } .panel-right .window-list-item-box:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .applet-box { padding: 4px 0; } .panel-right .applet-box:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .panel-launchers .launcher:hover { box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .applet-separator { padding: 4px 3px; } .panel-right .systray:hover { box-shadow: -4px 0 0 0 #8AB4F8 inset; } .panel-status-button { font-size: 10.5pt; font-weight: 500; -natural-hpadding: 4px; -minimum-hpadding: 4px; color: rgba(255, 255, 255, 0.6); } .panel-status-button:hover { color: rgba(255, 255, 255, 0.87); } .system-status-icon { icon-size: 1.14em; padding: 0; spacing: 0; } .system-status-icon.warning { color: #FDD633; } .system-status-icon.error { color: #F28B82; } #overview { spacing: 12px; } .window-caption { font-size: 9pt; font-weight: 400; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); padding: 4px 6px; text-align: center; height: 1.5em; -cinnamon-caption-spacing: 12px; } .window-caption#selected, .window-caption:focus { color: rgba(255, 255, 255, 0.87); box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .workspace-controls { visible-height: 32px; } .workspace-thumbnails-background { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.08); border: none; padding: 8px; border-radius: 4px 0 0 4px; } .workspace-thumbnails-background:rtl { border-radius: 0 4px 4px 0; } .workspace-thumbnails { spacing: 32px; } .workspace-add-button { background-image: url(assets/add-workspace.svg); height: 200px; width: 35px; transition-duration: shorter_duration; } .workspace-add-button:hover { background-image: url(assets/add-workspace-hover.svg); } .workspace-add-button:active { background-image: url(assets/add-workspace-active.svg); } .workspace-close-button, .window-close { background-image: url(assets/close-window.svg); height: 32px; width: 32px; -cinnamon-close-overlap: 20px; } .workspace-close-button:rtl, .window-close:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } .window-border { border: 1px solid rgba(255, 255, 255, 0.12); } .window-close-area { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.12); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; width: 400px; } .expo-background { background-color: rgba(0, 0, 0, 0.6); } .workspace-overview-background-shade { background-color: rgba(0, 0, 0, 0.6); } .expo-workspace-thumbnail-frame { border: 1px solid rgba(255, 255, 255, 0.12); } .expo-workspace-thumbnail-frame#active { border: 1px solid #8AB4F8; } #LookingGlassDialog { spacing: 4px; padding: 8px; } .calendar { padding: 4px 8px; spacing-rows: 2px; spacing-columns: 4px; } .datemenu-date-label { font-size: 15pt; font-weight: 500; height: 28px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(255, 255, 255, 0.87); text-align: center; } .datemenu-date-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar-month-label { font-size: 10.5pt; font-weight: 500; height: 20px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(255, 255, 255, 0.87); text-align: center; } .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .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.26); } .calendar-day-base:active { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; } .calendar-week-number { font-size: 9pt; font-weight: 400; width: 25px; height: 32px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.38); text-align: center; } .calendar-day-heading { font-size: 9pt; font-weight: 400; width: 32px; height: 25px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.38); 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(255, 255, 255, 0.87); } .calendar-today { font-weight: bold; border: none; } .calendar-day-with-events { color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(255, 255, 255, 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(255, 255, 255, 0.38); font-size: inherit; font-weight: bold; text-align: center; } #notification { background-color: #343434; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.12); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; margin-from-right-edge-of-screen: 20px; width: 34em; color: rgba(255, 255, 255, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } #notification.multi-line-notification { padding-bottom: 8px; } #notification .url-highlighter { link-color: #8AB4F8; } .notification-with-image { min-height: 159px; color: rgba(255, 255, 255, 0.87); } #notification-scrollview { max-height: 10em; } #notification-scrollview > .top-shadow { height: 1em; } #notification-scrollview > .bottom-shadow { height: 1em; } #notification-scrollview:ltr > StScrollBar { padding-left: 6px; } #notification-scrollview:rtl > StScrollBar { padding-right: 6px; } #notification-body { spacing: 4px; } #notification-actions { spacing: 8px; } .notification-icon-button > StIcon { icon-size: 1.5em; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { transition-duration: 100ms; } .switcher-list .item-box { padding: 8px; border-radius: 4px; } .switcher-list .item-box:selected { background-color: rgba(255, 255, 255, 0.12); } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-list-item-container { spacing: 8px; } .thumbnail-scroll-gradient-left { background-gradient-direction: horizontal; background-gradient-start: #333333; background-gradient-end: rgba(51, 51, 51, 0); border-radius: 4px; border-radius-topright: 0; border-radius-bottomright: 0; width: 60px; } .thumbnail-scroll-gradient-right { background-gradient-direction: horizontal; background-gradient-start: rgba(51, 51, 51, 0); background-gradient-end: #333333; border-radius: 4px; border-radius-topleft: 0; border-radius-bottomleft: 0; width: 60px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .switcher-preview-backdrop { background-color: rgba(0, 0, 0, 0.6); } .ripple-box { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); background-color: #8AB4F8; border-radius: 52px; } .modal-dialog { padding: 16px 20px; } .modal-dialog-button-box { spacing: 16px; } .run-dialog-label { color: rgba(255, 255, 255, 0.6); padding-bottom: .4em; } .run-dialog-error-label { color: #F28B82; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-completion-box { padding-left: 15px; } .run-dialog { border-radius: 4px; padding: 16px 20px; } .lightbox { background-color: rgba(0, 0, 0, 0.3); } .cinnamon-mount-operation-icon { icon-size: 4.8em; } .mount-password-reask { color: #FDD633; } .show-processes-dialog { spacing: 24px; } .mount-question-dialog { spacing: 24px; } .show-processes-dialog-description:rtl { padding-right: 17px; } .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(255, 255, 255, 0.87); } .show-processes-dialog-app-list-item:hover { color: rgba(255, 255, 255, 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; } .magnifier-zoom-region { border: 3px solid rgba(255, 255, 255, 0.12); } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(0, 0, 0, 0.6); } .keyboard-key { font-size: 10.5pt; font-weight: 500; } .keyboard-layout { spacing: 8px; padding: 8px; } .keyboard-row { spacing: 16px; } .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: #181818; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-favorites-box { padding: 8px; } .menu-favorites-button { padding: 0.4em 4px; } .menu-favorites-button:hover { background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; color: rgba(255, 255, 255, 0.87); } .menu-categories-box { padding: 8px; } .menu-applications-inner-box { padding: 8px; } .menu-applications-outer-box { padding: 8px; border-radius: 4px; } .menu-application-button { padding: 0.4em 4px; } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 0.4em 4px; background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; color: rgba(255, 255, 255, 0.87); } .menu-application-button-selected:highlighted { font-weight: bold; } .menu-category-button { padding: 0.4em 4px; } .menu-category-button-greyed { padding: 0.4em 4px; color: rgba(255, 255, 255, 0.6); font-style: italic; } .menu-category-button-selected { padding: 0.4em 4px; background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; color: rgba(255, 255, 255, 0.87); } .menu-selected-app-box { padding: 8px; margin-bottom: 4px; text-align: right; } .menu-selected-app-box:rtl { text-align: left; } .menu-selected-app-title { font-size: 9pt; font-weight: 400; } .menu-selected-app-description { font-size: 9pt; font-weight: 400; max-width: 150px; } .menu-search-box:ltr { padding-left: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-box:rtl { padding-right: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-entry-icon { icon-size: 1em; padding: 0 0; color: rgba(255, 255, 255, 0.38); } .window-list-box { font-size: 9pt; font-weight: 400; spacing: 4px; padding: 0 3px; } .window-list-box.vertical { spacing: 4px; padding: 3px 0; } .window-list-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box .progress { background-color: #81C995; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 3px; } .window-list-item-demands-attention { background-color: #2d2d2d; color: rgba(255, 255, 255, 0.6); } .window-list-preview { background-color: #343434; border-radius: 4px; padding: 10px 15px; spacing: 1em; color: rgba(255, 255, 255, 0.87); box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .grouped-window-list-thumbnail-label { padding-left: 3px; padding-bottom: 6px; } .grouped-window-list-number-label { font-size: 9pt; font-weight: 400; z-index: 99; } .grouped-window-list-list-button-label { padding-left: 3px; } .grouped-window-list-badge { border-radius: 9999px; background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { background: #FDD633; } .grouped-window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .grouped-window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { background-color: rgba(255, 255, 255, 0.12); } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box .progress { background-color: #81C995; } .grouped-window-list-item-demands-attention { background-color: #2d2d2d; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-thumbnail-menu { padding: 20px; border: none; border-radius: 4px; color: rgba(255, 255, 255, 0.6); background: none; } .grouped-window-list-thumbnail-menu .item-box { padding: 8px; spacing: 2px; border-radius: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { border: 2px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box:selected { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel { padding-bottom: 2px; } .grouped-window-list-thumbnail-menu .item-box > StButton:ltr { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StButton:rtl { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .thumbnail-box { padding: 2px; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .sound-player StButton:small { min-width: 24px; min-height: 24px; padding: 4px; } .sound-player StButton:small StIcon { icon-size: 1em; } .sound-player StButton StIcon { icon-size: 1.5em; } .sound-player .slider { height: 5px; } .sound-player StBoxLayout { spacing: 0.5em; } .sound-player > StBoxLayout { padding: 5px; } .sound-player-generic-coverart { background: rgba(0, 0, 0, 0.2); } .sound-player-overlay { background-color: #343434; min-width: 300px; padding: 12px 16px; spacing: 0.5em; color: rgba(255, 255, 255, 0.6); } .workspace-button { background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.6); margin: 2px; } .workspace-button:outlined { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .workspace-graph { background-color: rgba(0, 0, 0, 0.6); } .workspace-graph .workspace { background-color: #1F1F1F; border: 1px solid rgba(255, 255, 255, 0.12); } .workspace-graph .workspace:active { background-color: rgba(255, 255, 255, 0.26); border: 1px solid rgba(255, 255, 255, 0.12); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(255, 255, 255, 0.8); -active-window-border: rgba(0, 0, 0, 0.9); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .workspace-graph .workspace .windows { -active-window-background: rgba(140, 140, 140, 0.8); -active-window-border: rgba(0, 0, 0, 0.7); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .panel-launchers { padding: 0 4px; spacing: 4px; transition-duration: 100ms; } .panel-launchers .launcher { background-color: rgba(0, 0, 0, 0.01); } .panel-launchers.vertical { padding: 4px 0; spacing: 4px; } .panel-launchers.vertical .launcher .icon-box { padding-top: 0; } .applet-separator-line, .applet-separator-line-vertical { width: 2px; background: rgba(255, 255, 255, 0.12); } .applet-spacer:highlight { background: rgba(255, 255, 255, 0.1); } .applet-box { background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .applet-box:checked { color: rgba(255, 255, 255, 0.87); } .applet-box:checked .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:hover { color: rgba(255, 255, 255, 0.87); } .applet-box:hover .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .applet-box:highlight .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-label { font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.6); } .applet-icon { color: rgba(255, 255, 255, 0.6); padding: 0; spacing: 0; icon-size: 22px; } .desklet { font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.87); border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); padding: 12px; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .desklet-with-borders { font-size: 9pt; font-weight: 400; background-color: #343434; border-radius: 4px; } .desklet-with-borders:highlight { background-color: rgba(255, 255, 255, 0.1); } .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; background-color: #343434; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } .desklet-with-borders-and-header:highlight { background-color: rgba(255, 255, 255, 0.1); } .desklet-header { font-size: 15pt; font-weight: 500; background-color: #343434; border-radius-topleft: 2px; border-radius-topright: 2px; } .desklet-header:highlight { background-color: rgba(255, 255, 255, 0.1); } .photoframe-box { background-color: #343434; border-radius: 4px; } .photoframe-box:highlight { background-color: rgba(255, 255, 255, 0.1); } .desklet-drag-placeholder { border: 2px solid #8AB4F8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .launcher { padding: 1px; } .launcher .icon-box { padding-top: 2px; } .about-content { min-width: 250px; min-height: 150px; spacing: 8px; padding-bottom: 16px; } .about-title { font-size: 15pt; font-weight: 500; } .about-uuid { font-size: 9pt; font-weight: 400; } .about-icon { padding-right: 20px; } .about-scrollBox { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } .about-scrollBox-innerBox { padding: 1.2em; spacing: 1.2em; } .about-description { padding-top: 4px; } .about-version { padding-left: 7px; } .expo-workspaces-name-entry { font-size: 12pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; padding: 0 8px; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; caret-color: white; text-align: center; height: 36px; border-radius: 4px 4px 0 0; -cinnamon-caption-spacing: 12px; } .expo-workspaces-name-entry#selected { color: white; background-color: rgba(255, 255, 255, 0.3); } .expo-workspaces-name-entry:focus { color: white; box-shadow: inset 0 -2px white; } .expo-workspaces-name-entry:hover { background-color: rgba(255, 255, 255, 0.12); } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .check-box CinnamonGenericContainer { spacing: 8px; } .check-box:focus:checked StBin { background-image: url(assets/checkbox.svg); } .check-box:checked StBin { background-image: url(assets/checkbox.svg); } .radiobutton CinnamonGenericContainer { spacing: 8px; } .radiobutton:focus:checked StBin { background-image: url(assets/radiobutton.svg); } .radiobutton:checked StBin { background-image: url(assets/radiobutton.svg); } .flashspot { background-color: #8AB4F8; } .osd-window { spacing: 1em; padding: 16px; } .osd-window .level { height: 0.7em; border-radius: 0.3em; background-color: rgba(255, 255, 255, 0.26); } .osd-window .level-bar { border-radius: 0.3em; background-color: #8AB4F8; } .tile-hud:top { border-top-width: 0; border-radius: 0 0 10px 10px; } .tile-hud:bottom { border-bottom-width: 0; border-radius: 4px 4px 0 0; } .tile-hud:left { border-left-width: 0; border-radius: 0 10px 10px 0; } .tile-hud:right { border-right-width: 0; border-radius: 10px 0 0 10px; } .tile-hud:top-left { border-top-width: 0; border-left-width: 0; border-radius: 0 0 10px 0; } .tile-hud:top-right { border-top-width: 0; border-right-width: 0; border-radius: 0 0 0 10px; } .tile-hud:bottom-left { border-bottom-width: 0; border-left-width: 0; border-radius: 0 10px 0 0; } .tile-hud:bottom-right { border-bottom-width: 0; border-right-width: 0; border-radius: 10px 0 0 0; } .systray { spacing: 4px; } .user-box { padding: 0.4em 1.3em; spacing: 10px; } .user-icon { padding: 4px; border: none; } .user-label { font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/cinnamon/cinnamon-dark.scss000066400000000000000000000004631363503524500225060ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'false'; @import '../_sass/variables'; @import '../_sass/colors'; @import '../_sass/gnome-shell/variables'; @import '../_sass/gnome-shell/drawing'; @import '../_sass/cinnamon/over-rides'; @import '../_sass/cinnamon/extends'; @import '../_sass/cinnamon/common'; materia-theme-20200320/src/cinnamon/cinnamon-light-compact.css000066400000000000000000001077671363503524500241540ustar00rootroot00000000000000.notification-button, .modal-dialog-button { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; font-size: 10.5pt; font-weight: 500; min-height: 32px; padding: 0 16px; border-radius: 4px; } .notification-button:focus, .modal-dialog-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; } .notification-button:active, .modal-dialog-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .notification-button:insensitive, .modal-dialog-button:insensitive { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-icon-button, .keyboard-key, .sound-player StButton { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; min-height: 32px; min-width: 32px; padding: 6px; border-radius: 4px; } .notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; } .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; } .separator, .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: rgba(0, 0, 0, 0.12); -gradient-end: rgba(0, 0, 0, 0.12); -margin-horizontal: 4px; height: 1.5em; } #notification StEntry, .run-dialog-entry, #menu-search-entry { transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); width: 250px; min-height: 32px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; padding: 0 8px; border-width: 0; color: rgba(0, 0, 0, 0.87); } .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box { color: rgba(0, 0, 0, 0.87); border: none; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; border-radius: 999px; transition-duration: 100ms; } .calendar-change-month-back:active, .calendar-change-month-forward:active { background-color: rgba(0, 0, 0, 0.26); } .menu, .popup-combo-menu { background-color: #FFFFFF; border-radius: 4px; color: rgba(0, 0, 0, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-application-button-label:ltr, .menu-category-button-label:ltr { padding-left: 4px; } .menu-application-button-label:rtl, .menu-category-button-label:rtl { padding-right: 4px; } .show-processes-dialog-subject, .mount-question-dialog-subject { font-weight: bold; color: rgba(0, 0, 0, 0.87); padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { color: rgba(0, 0, 0, 0.87); padding-left: 17px; width: 28em; } .check-box StBin, .check-box:focus StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url(assets/checkbox-off.svg); } .radiobutton StBin, .radiobutton:focus StBin { width: 20px; height: 20px; padding: 6px; border-radius: 100px; background-image: url(assets/radiobutton-off.svg); } .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); border: 2px solid rgba(0, 0, 0, 0.12); } .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); border: 2px solid #1A73E8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; border-radius: 4px; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .overview-empty-placeholder, .info-osd, .workspace-osd { font-size: 15pt; font-weight: 500; text-align: center; padding: 8px 10px; } stage { font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; color: rgba(0, 0, 0, 0.87); } .cinnamon-link { color: #1A73E8; font-style: italic; } .cinnamon-link:hover { color: #1A73E8; } .label-shadow { color: transparent; } StScrollBar { padding: 0px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { background-color: rgba(0, 0, 0, 0.38); border-radius: 100px; margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } #Tooltip { font-size: 9pt; font-weight: 400; padding: 6px 8px; color: white; text-align: center; border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); } .menu { min-width: 100px; margin: 4px; } .menu-top-box { spacing: 5px; } .menu-systembuttons-box { padding: 10px; } .popup-sub-menu { background-color: rgba(0, 0, 0, 0.04); } .popup-menu-arrow { icon-size: 1.14em; } .popup-combo-menu { padding: 8px 0; } .popup-menu-content { padding: 8px 0; } .popup-menu-item { padding: 0.4em 16px; spacing: 8px; transition-duration: 100ms; } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-image-menu-item { color: rgba(0, 0, 0, 0.6); } .popup-combobox-item { padding: 0.4em 16px; } .popup-device-menu-item { spacing: .5em; } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-subtitle-menu-item { font-size: 10.5pt; font-weight: 500; } .popup-menu-icon { icon-size: 1.14em; } .popup-alternating-menu-item:alternate { font-size: 10.5pt; font-weight: 500; } .toggle-switch { width: 40px; height: 20px; } .toggle-switch-us, .toggle-switch-intl { background-image: url(assets/toggle-off.svg); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url(assets/toggle-on.svg); } .nm-menu-item-icons { spacing: .5em; icon-size: 1.14em; } #panel { color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.6); height: 2.5em; width: 3.2em; } #panel:highlight { background-color: rgba(255, 255, 255, 0.26); } .panel-dummy { background-color: rgba(255, 0, 0, 0.6); } .panel-dummy:entered { background-color: rgba(0, 255, 0, 0.6); } .panelLeft { spacing: 4px; } .panelLeft:dnd { background-color: rgba(255, 0, 0, 0.6); } .panelLeft:ltr { padding-right: 4px; } .panelLeft:rtl { padding-left: 4px; } .panelLeft.vertical { padding: 0; } .panelCenter { spacing: 4px; } .panelCenter:dnd { background-color: rgba(0, 255, 0, 0.6); } .panelCenter.vertical { padding-left: 0; padding-right: 0; } .panelRight { spacing: 4px; } .panelRight:dnd { background-color: rgba(0, 0, 255, 0.6); } .panelRight:ltr { padding-left: 0; spacing: 0; } .panelRight:rtl { padding-right: 0; spacing: 0; } .panelRight.vertical { padding: 0; } .panel-top .window-list-item-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-badge { margin-top: 2px; } .panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button { padding: 1px 4px; } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-box { padding: 0 4px; } .panel-top .applet-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .panel-launchers .launcher:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-separator { padding: 3px 4px; } .panel-top .systray:hover { box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { padding: 1px 4px; } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-box { padding: 0 4px; } .panel-bottom .applet-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .panel-launchers .launcher:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-separator { padding: 3px 4px; } .panel-bottom .systray:hover { box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-badge { margin-left: 2px; } .panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-box { padding: 4px 0; } .panel-left .applet-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .panel-launchers .launcher:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-separator { padding: 4px 3px; } .panel-left .systray:hover { box-shadow: 4px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-box { padding: 4px 0; } .panel-right .applet-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .panel-launchers .launcher:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-separator { padding: 4px 3px; } .panel-right .systray:hover { box-shadow: -4px 0 0 0 #1A73E8 inset; } .panel-status-button { font-size: 10.5pt; font-weight: 500; -natural-hpadding: 4px; -minimum-hpadding: 4px; color: rgba(255, 255, 255, 0.6); } .panel-status-button:hover { color: rgba(255, 255, 255, 0.87); } .system-status-icon { icon-size: 1.14em; padding: 0; spacing: 0; } .system-status-icon.warning { color: #F4B400; } .system-status-icon.error { color: #D93025; } #overview { spacing: 12px; } .window-caption { font-size: 9pt; font-weight: 400; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); padding: 4px 6px; text-align: center; height: 1.5em; -cinnamon-caption-spacing: 12px; } .window-caption#selected, .window-caption:focus { color: rgba(255, 255, 255, 0.87); box-shadow: 0 -3px 0 0 #1A73E8 inset; } .workspace-controls { visible-height: 32px; } .workspace-thumbnails-background { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.08); border: none; padding: 8px; border-radius: 4px 0 0 4px; } .workspace-thumbnails-background:rtl { border-radius: 0 4px 4px 0; } .workspace-thumbnails { spacing: 32px; } .workspace-add-button { background-image: url(assets/add-workspace.svg); height: 200px; width: 35px; transition-duration: shorter_duration; } .workspace-add-button:hover { background-image: url(assets/add-workspace-hover.svg); } .workspace-add-button:active { background-image: url(assets/add-workspace-active.svg); } .workspace-close-button, .window-close { background-image: url(assets/close-window.svg); height: 32px; width: 32px; -cinnamon-close-overlap: 20px; } .workspace-close-button:rtl, .window-close:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } .window-border { border: 1px solid rgba(0, 0, 0, 0.12); } .window-close-area { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.12); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; width: 400px; } .expo-background { background-color: rgba(0, 0, 0, 0.6); } .workspace-overview-background-shade { background-color: rgba(0, 0, 0, 0.6); } .expo-workspace-thumbnail-frame { border: 1px solid rgba(0, 0, 0, 0.12); } .expo-workspace-thumbnail-frame#active { border: 1px solid #1A73E8; } #LookingGlassDialog { spacing: 4px; padding: 8px; } .calendar { padding: 4px 8px; spacing-rows: 2px; spacing-columns: 4px; } .datemenu-date-label { font-size: 15pt; font-weight: 500; height: 24px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(0, 0, 0, 0.87); text-align: center; } .datemenu-date-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-month-label { font-size: 10.5pt; font-weight: 500; height: 16px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(0, 0, 0, 0.87); text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .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.26); } .calendar-day-base:active { color: white; background-color: #1A73E8; border-color: transparent; } .calendar-week-number { font-size: 9pt; font-weight: 400; width: 21px; height: 28px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); text-align: center; } .calendar-day-heading { font-size: 9pt; font-weight: 400; width: 28px; height: 21px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); 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; border: none; } .calendar-day-with-events { color: #1A73E8; 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; } #notification { background-color: #FFFFFF; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; margin-from-right-edge-of-screen: 20px; width: 34em; color: rgba(0, 0, 0, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } #notification.multi-line-notification { padding-bottom: 8px; } #notification .url-highlighter { link-color: #1A73E8; } .notification-with-image { min-height: 159px; color: rgba(0, 0, 0, 0.87); } #notification-scrollview { max-height: 10em; } #notification-scrollview > .top-shadow { height: 1em; } #notification-scrollview > .bottom-shadow { height: 1em; } #notification-scrollview:ltr > StScrollBar { padding-left: 6px; } #notification-scrollview:rtl > StScrollBar { padding-right: 6px; } #notification-body { spacing: 4px; } #notification-actions { spacing: 8px; } .notification-icon-button > StIcon { icon-size: 1.5em; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { transition-duration: 100ms; } .switcher-list .item-box { padding: 8px; border-radius: 4px; } .switcher-list .item-box:selected { background-color: rgba(0, 0, 0, 0.12); } .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-list-item-container { spacing: 8px; } .thumbnail-scroll-gradient-left { background-gradient-direction: horizontal; background-gradient-start: #333333; background-gradient-end: rgba(51, 51, 51, 0); border-radius: 4px; border-radius-topright: 0; border-radius-bottomright: 0; width: 60px; } .thumbnail-scroll-gradient-right { background-gradient-direction: horizontal; background-gradient-start: rgba(51, 51, 51, 0); background-gradient-end: #333333; border-radius: 4px; border-radius-topleft: 0; border-radius-bottomleft: 0; width: 60px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .switcher-preview-backdrop { background-color: rgba(0, 0, 0, 0.6); } .ripple-box { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); background-color: #1A73E8; border-radius: 52px; } .modal-dialog { padding: 16px 20px; } .modal-dialog-button-box { spacing: 16px; } .run-dialog-label { color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } .run-dialog-error-label { color: #D93025; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-completion-box { padding-left: 15px; } .run-dialog { border-radius: 4px; padding: 16px 20px; } .lightbox { background-color: rgba(0, 0, 0, 0.3); } .cinnamon-mount-operation-icon { icon-size: 4.8em; } .mount-password-reask { color: #F4B400; } .show-processes-dialog { spacing: 24px; } .mount-question-dialog { spacing: 24px; } .show-processes-dialog-description:rtl { padding-right: 17px; } .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; } .magnifier-zoom-region { border: 3px solid rgba(0, 0, 0, 0.12); } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(0, 0, 0, 0.6); } .keyboard-key { font-size: 10.5pt; font-weight: 500; } .keyboard-layout { spacing: 8px; padding: 8px; } .keyboard-row { spacing: 16px; } .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: #F2F2F2; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-favorites-box { padding: 8px; } .menu-favorites-button { padding: 0.4em 4px; } .menu-favorites-button:hover { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-categories-box { padding: 8px; } .menu-applications-inner-box { padding: 8px; } .menu-applications-outer-box { padding: 8px; border-radius: 4px; } .menu-application-button { padding: 0.4em 4px; } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 0.4em 4px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-application-button-selected:highlighted { font-weight: bold; } .menu-category-button { padding: 0.4em 4px; } .menu-category-button-greyed { padding: 0.4em 4px; color: rgba(0, 0, 0, 0.6); font-style: italic; } .menu-category-button-selected { padding: 0.4em 4px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-selected-app-box { padding: 8px; margin-bottom: 4px; text-align: right; } .menu-selected-app-box:rtl { text-align: left; } .menu-selected-app-title { font-size: 9pt; font-weight: 400; } .menu-selected-app-description { font-size: 9pt; font-weight: 400; max-width: 150px; } .menu-search-box:ltr { padding-left: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-box:rtl { padding-right: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-entry-icon { icon-size: 1em; padding: 0 0; color: rgba(0, 0, 0, 0.38); } .window-list-box { font-size: 9pt; font-weight: 400; spacing: 4px; padding: 0 3px; } .window-list-box.vertical { spacing: 4px; padding: 3px 0; } .window-list-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box .progress { background-color: #0F9D58; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 3px; } .window-list-item-demands-attention { background-color: #383838; color: rgba(255, 255, 255, 0.6); } .window-list-preview { background-color: #FFFFFF; border-radius: 4px; padding: 10px 15px; spacing: 1em; color: rgba(0, 0, 0, 0.87); box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .grouped-window-list-thumbnail-label { padding-left: 3px; padding-bottom: 6px; } .grouped-window-list-number-label { font-size: 9pt; font-weight: 400; z-index: 99; } .grouped-window-list-list-button-label { padding-left: 3px; } .grouped-window-list-badge { border-radius: 9999px; background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { background: #F4B400; } .grouped-window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .grouped-window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { background-color: rgba(255, 255, 255, 0.12); } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box .progress { background-color: #0F9D58; } .grouped-window-list-item-demands-attention { background-color: #383838; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-thumbnail-menu { padding: 20px; border: none; border-radius: 4px; color: rgba(255, 255, 255, 0.6); background: none; } .grouped-window-list-thumbnail-menu .item-box { padding: 8px; spacing: 2px; border-radius: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { border: 2px solid rgba(0, 0, 0, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box:selected { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel { padding-bottom: 2px; } .grouped-window-list-thumbnail-menu .item-box > StButton:ltr { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StButton:rtl { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .thumbnail-box { padding: 2px; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .sound-player StButton:small { min-width: 24px; min-height: 24px; padding: 4px; } .sound-player StButton:small StIcon { icon-size: 1em; } .sound-player StButton StIcon { icon-size: 1.5em; } .sound-player .slider { height: 5px; } .sound-player StBoxLayout { spacing: 0.5em; } .sound-player > StBoxLayout { padding: 5px; } .sound-player-generic-coverart { background: rgba(0, 0, 0, 0.2); } .sound-player-overlay { background-color: #FFFFFF; min-width: 300px; padding: 12px 16px; spacing: 0.5em; color: rgba(0, 0, 0, 0.6); } .workspace-button { background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.6); margin: 2px; } .workspace-button:outlined { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .workspace-graph { background-color: rgba(0, 0, 0, 0.6); } .workspace-graph .workspace { background-color: #1F1F1F; border: 1px solid rgba(0, 0, 0, 0.12); } .workspace-graph .workspace:active { background-color: rgba(255, 255, 255, 0.26); border: 1px solid rgba(0, 0, 0, 0.12); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(255, 255, 255, 0.8); -active-window-border: rgba(0, 0, 0, 0.9); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .workspace-graph .workspace .windows { -active-window-background: rgba(140, 140, 140, 0.8); -active-window-border: rgba(0, 0, 0, 0.7); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .panel-launchers { padding: 0 4px; spacing: 4px; transition-duration: 100ms; } .panel-launchers .launcher { background-color: rgba(0, 0, 0, 0.01); } .panel-launchers.vertical { padding: 4px 0; spacing: 4px; } .panel-launchers.vertical .launcher .icon-box { padding-top: 0; } .applet-separator-line, .applet-separator-line-vertical { width: 2px; background: rgba(255, 255, 255, 0.12); } .applet-spacer:highlight { background: rgba(255, 255, 255, 0.4); } .applet-box { background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .applet-box:checked { color: rgba(255, 255, 255, 0.87); } .applet-box:checked .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:hover { color: rgba(255, 255, 255, 0.87); } .applet-box:hover .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .applet-box:highlight .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-label { font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.6); } .applet-icon { color: rgba(255, 255, 255, 0.6); padding: 0; spacing: 0; icon-size: 22px; } .desklet { font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.87); border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); padding: 12px; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .desklet-with-borders { font-size: 9pt; font-weight: 400; background-color: #FFFFFF; border-radius: 4px; } .desklet-with-borders:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; background-color: #FFFFFF; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } .desklet-with-borders-and-header:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-header { font-size: 15pt; font-weight: 500; background-color: #FFFFFF; border-radius-topleft: 2px; border-radius-topright: 2px; } .desklet-header:highlight { background-color: rgba(255, 255, 255, 0.4); } .photoframe-box { background-color: #FFFFFF; border-radius: 4px; } .photoframe-box:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-drag-placeholder { border: 2px solid #1A73E8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .launcher { padding: 1px; } .launcher .icon-box { padding-top: 2px; } .about-content { min-width: 250px; min-height: 150px; spacing: 8px; padding-bottom: 16px; } .about-title { font-size: 15pt; font-weight: 500; } .about-uuid { font-size: 9pt; font-weight: 400; } .about-icon { padding-right: 20px; } .about-scrollBox { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 4px; } .about-scrollBox-innerBox { padding: 1.2em; spacing: 1.2em; } .about-description { padding-top: 4px; } .about-version { padding-left: 7px; } .expo-workspaces-name-entry { font-size: 11.25pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; padding: 0 8px; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; caret-color: white; text-align: center; height: 32px; border-radius: 4px 4px 0 0; -cinnamon-caption-spacing: 12px; } .expo-workspaces-name-entry#selected { color: white; background-color: rgba(255, 255, 255, 0.3); } .expo-workspaces-name-entry:focus { color: white; box-shadow: inset 0 -2px white; } .expo-workspaces-name-entry:hover { background-color: rgba(255, 255, 255, 0.12); } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .check-box CinnamonGenericContainer { spacing: 8px; } .check-box:focus:checked StBin { background-image: url(assets/checkbox.svg); } .check-box:checked StBin { background-image: url(assets/checkbox.svg); } .radiobutton CinnamonGenericContainer { spacing: 8px; } .radiobutton:focus:checked StBin { background-image: url(assets/radiobutton.svg); } .radiobutton:checked StBin { background-image: url(assets/radiobutton.svg); } .flashspot { background-color: #1A73E8; } .osd-window { spacing: 1em; padding: 16px; } .osd-window .level { height: 0.7em; border-radius: 0.3em; background-color: rgba(0, 0, 0, 0.26); } .osd-window .level-bar { border-radius: 0.3em; background-color: #1A73E8; } .tile-hud:top { border-top-width: 0; border-radius: 0 0 10px 10px; } .tile-hud:bottom { border-bottom-width: 0; border-radius: 4px 4px 0 0; } .tile-hud:left { border-left-width: 0; border-radius: 0 10px 10px 0; } .tile-hud:right { border-right-width: 0; border-radius: 10px 0 0 10px; } .tile-hud:top-left { border-top-width: 0; border-left-width: 0; border-radius: 0 0 10px 0; } .tile-hud:top-right { border-top-width: 0; border-right-width: 0; border-radius: 0 0 0 10px; } .tile-hud:bottom-left { border-bottom-width: 0; border-left-width: 0; border-radius: 0 10px 0 0; } .tile-hud:bottom-right { border-bottom-width: 0; border-right-width: 0; border-radius: 10px 0 0 0; } .systray { spacing: 4px; } .user-box { padding: 0.4em 1.3em; spacing: 10px; } .user-icon { padding: 4px; border: none; } .user-label { font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } materia-theme-20200320/src/cinnamon/cinnamon-light-compact.scss000066400000000000000000000004631363503524500243200ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'true'; @import '../_sass/variables'; @import '../_sass/colors'; @import '../_sass/gnome-shell/variables'; @import '../_sass/gnome-shell/drawing'; @import '../_sass/cinnamon/over-rides'; @import '../_sass/cinnamon/extends'; @import '../_sass/cinnamon/common'; materia-theme-20200320/src/cinnamon/cinnamon-light.css000066400000000000000000001077641363503524500225250ustar00rootroot00000000000000.notification-button, .modal-dialog-button { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; font-size: 10.5pt; font-weight: 500; min-height: 36px; padding: 0 16px; border-radius: 4px; } .notification-button:focus, .modal-dialog-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; } .notification-button:active, .modal-dialog-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .notification-button:insensitive, .modal-dialog-button:insensitive { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-icon-button, .keyboard-key, .sound-player StButton { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; min-height: 36px; min-width: 36px; padding: 6px; border-radius: 4px; } .notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; } .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; } .separator, .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: rgba(0, 0, 0, 0.12); -gradient-end: rgba(0, 0, 0, 0.12); -margin-horizontal: 4px; height: 1.5em; } #notification StEntry, .run-dialog-entry, #menu-search-entry { transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); width: 250px; min-height: 36px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; padding: 0 8px; border-width: 0; color: rgba(0, 0, 0, 0.87); } .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box { color: rgba(0, 0, 0, 0.87); border: none; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; border-radius: 999px; transition-duration: 100ms; } .calendar-change-month-back:active, .calendar-change-month-forward:active { background-color: rgba(0, 0, 0, 0.26); } .menu, .popup-combo-menu { background-color: #FFFFFF; border-radius: 4px; color: rgba(0, 0, 0, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-application-button-label:ltr, .menu-category-button-label:ltr { padding-left: 4px; } .menu-application-button-label:rtl, .menu-category-button-label:rtl { padding-right: 4px; } .show-processes-dialog-subject, .mount-question-dialog-subject { font-weight: bold; color: rgba(0, 0, 0, 0.87); padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { color: rgba(0, 0, 0, 0.87); padding-left: 17px; width: 28em; } .check-box StBin, .check-box:focus StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url(assets/checkbox-off.svg); } .radiobutton StBin, .radiobutton:focus StBin { width: 20px; height: 20px; padding: 8px; border-radius: 100px; background-image: url(assets/radiobutton-off.svg); } .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); border: 2px solid rgba(0, 0, 0, 0.12); } .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); border: 2px solid #1A73E8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; border-radius: 4px; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .overview-empty-placeholder, .info-osd, .workspace-osd { font-size: 15pt; font-weight: 500; text-align: center; padding: 8px 10px; } stage { font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; color: rgba(0, 0, 0, 0.87); } .cinnamon-link { color: #1A73E8; font-style: italic; } .cinnamon-link:hover { color: #1A73E8; } .label-shadow { color: transparent; } StScrollBar { padding: 0px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { background-color: rgba(0, 0, 0, 0.38); border-radius: 100px; margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } #Tooltip { font-size: 9pt; font-weight: 400; padding: 6px 8px; color: white; text-align: center; border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); } .menu { min-width: 100px; margin: 4px; } .menu-top-box { spacing: 5px; } .menu-systembuttons-box { padding: 10px; } .popup-sub-menu { background-color: rgba(0, 0, 0, 0.04); } .popup-menu-arrow { icon-size: 1.14em; } .popup-combo-menu { padding: 8px 0; } .popup-menu-content { padding: 8px 0; } .popup-menu-item { padding: 0.4em 16px; spacing: 8px; transition-duration: 100ms; } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-image-menu-item { color: rgba(0, 0, 0, 0.6); } .popup-combobox-item { padding: 0.4em 16px; } .popup-device-menu-item { spacing: .5em; } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-subtitle-menu-item { font-size: 10.5pt; font-weight: 500; } .popup-menu-icon { icon-size: 1.14em; } .popup-alternating-menu-item:alternate { font-size: 10.5pt; font-weight: 500; } .toggle-switch { width: 40px; height: 20px; } .toggle-switch-us, .toggle-switch-intl { background-image: url(assets/toggle-off.svg); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url(assets/toggle-on.svg); } .nm-menu-item-icons { spacing: .5em; icon-size: 1.14em; } #panel { color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.6); height: 2.5em; width: 3.2em; } #panel:highlight { background-color: rgba(255, 255, 255, 0.26); } .panel-dummy { background-color: rgba(255, 0, 0, 0.6); } .panel-dummy:entered { background-color: rgba(0, 255, 0, 0.6); } .panelLeft { spacing: 4px; } .panelLeft:dnd { background-color: rgba(255, 0, 0, 0.6); } .panelLeft:ltr { padding-right: 4px; } .panelLeft:rtl { padding-left: 4px; } .panelLeft.vertical { padding: 0; } .panelCenter { spacing: 4px; } .panelCenter:dnd { background-color: rgba(0, 255, 0, 0.6); } .panelCenter.vertical { padding-left: 0; padding-right: 0; } .panelRight { spacing: 4px; } .panelRight:dnd { background-color: rgba(0, 0, 255, 0.6); } .panelRight:ltr { padding-left: 0; spacing: 0; } .panelRight:rtl { padding-right: 0; spacing: 0; } .panelRight.vertical { padding: 0; } .panel-top .window-list-item-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-badge { margin-top: 2px; } .panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button { padding: 1px 4px; } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-box { padding: 0 4px; } .panel-top .applet-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .panel-launchers .launcher:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-separator { padding: 3px 4px; } .panel-top .systray:hover { box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { padding: 1px 4px; } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-box { padding: 0 4px; } .panel-bottom .applet-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .panel-launchers .launcher:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-separator { padding: 3px 4px; } .panel-bottom .systray:hover { box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-badge { margin-left: 2px; } .panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-box { padding: 4px 0; } .panel-left .applet-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .panel-launchers .launcher:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-separator { padding: 4px 3px; } .panel-left .systray:hover { box-shadow: 4px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-box { padding: 4px 0; } .panel-right .applet-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .panel-launchers .launcher:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-separator { padding: 4px 3px; } .panel-right .systray:hover { box-shadow: -4px 0 0 0 #1A73E8 inset; } .panel-status-button { font-size: 10.5pt; font-weight: 500; -natural-hpadding: 4px; -minimum-hpadding: 4px; color: rgba(255, 255, 255, 0.6); } .panel-status-button:hover { color: rgba(255, 255, 255, 0.87); } .system-status-icon { icon-size: 1.14em; padding: 0; spacing: 0; } .system-status-icon.warning { color: #F4B400; } .system-status-icon.error { color: #D93025; } #overview { spacing: 12px; } .window-caption { font-size: 9pt; font-weight: 400; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); padding: 4px 6px; text-align: center; height: 1.5em; -cinnamon-caption-spacing: 12px; } .window-caption#selected, .window-caption:focus { color: rgba(255, 255, 255, 0.87); box-shadow: 0 -3px 0 0 #1A73E8 inset; } .workspace-controls { visible-height: 32px; } .workspace-thumbnails-background { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.08); border: none; padding: 8px; border-radius: 4px 0 0 4px; } .workspace-thumbnails-background:rtl { border-radius: 0 4px 4px 0; } .workspace-thumbnails { spacing: 32px; } .workspace-add-button { background-image: url(assets/add-workspace.svg); height: 200px; width: 35px; transition-duration: shorter_duration; } .workspace-add-button:hover { background-image: url(assets/add-workspace-hover.svg); } .workspace-add-button:active { background-image: url(assets/add-workspace-active.svg); } .workspace-close-button, .window-close { background-image: url(assets/close-window.svg); height: 32px; width: 32px; -cinnamon-close-overlap: 20px; } .workspace-close-button:rtl, .window-close:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } .window-border { border: 1px solid rgba(0, 0, 0, 0.12); } .window-close-area { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.12); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; width: 400px; } .expo-background { background-color: rgba(0, 0, 0, 0.6); } .workspace-overview-background-shade { background-color: rgba(0, 0, 0, 0.6); } .expo-workspace-thumbnail-frame { border: 1px solid rgba(0, 0, 0, 0.12); } .expo-workspace-thumbnail-frame#active { border: 1px solid #1A73E8; } #LookingGlassDialog { spacing: 4px; padding: 8px; } .calendar { padding: 4px 8px; spacing-rows: 2px; spacing-columns: 4px; } .datemenu-date-label { font-size: 15pt; font-weight: 500; height: 28px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(0, 0, 0, 0.87); text-align: center; } .datemenu-date-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-month-label { font-size: 10.5pt; font-weight: 500; height: 20px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(0, 0, 0, 0.87); text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .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.26); } .calendar-day-base:active { color: white; background-color: #1A73E8; border-color: transparent; } .calendar-week-number { font-size: 9pt; font-weight: 400; width: 25px; height: 32px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); text-align: center; } .calendar-day-heading { font-size: 9pt; font-weight: 400; width: 32px; height: 25px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); 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; border: none; } .calendar-day-with-events { color: #1A73E8; 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; } #notification { background-color: #FFFFFF; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; margin-from-right-edge-of-screen: 20px; width: 34em; color: rgba(0, 0, 0, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } #notification.multi-line-notification { padding-bottom: 8px; } #notification .url-highlighter { link-color: #1A73E8; } .notification-with-image { min-height: 159px; color: rgba(0, 0, 0, 0.87); } #notification-scrollview { max-height: 10em; } #notification-scrollview > .top-shadow { height: 1em; } #notification-scrollview > .bottom-shadow { height: 1em; } #notification-scrollview:ltr > StScrollBar { padding-left: 6px; } #notification-scrollview:rtl > StScrollBar { padding-right: 6px; } #notification-body { spacing: 4px; } #notification-actions { spacing: 8px; } .notification-icon-button > StIcon { icon-size: 1.5em; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { transition-duration: 100ms; } .switcher-list .item-box { padding: 8px; border-radius: 4px; } .switcher-list .item-box:selected { background-color: rgba(0, 0, 0, 0.12); } .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-list-item-container { spacing: 8px; } .thumbnail-scroll-gradient-left { background-gradient-direction: horizontal; background-gradient-start: #333333; background-gradient-end: rgba(51, 51, 51, 0); border-radius: 4px; border-radius-topright: 0; border-radius-bottomright: 0; width: 60px; } .thumbnail-scroll-gradient-right { background-gradient-direction: horizontal; background-gradient-start: rgba(51, 51, 51, 0); background-gradient-end: #333333; border-radius: 4px; border-radius-topleft: 0; border-radius-bottomleft: 0; width: 60px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .switcher-preview-backdrop { background-color: rgba(0, 0, 0, 0.6); } .ripple-box { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); background-color: #1A73E8; border-radius: 52px; } .modal-dialog { padding: 16px 20px; } .modal-dialog-button-box { spacing: 16px; } .run-dialog-label { color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } .run-dialog-error-label { color: #D93025; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-completion-box { padding-left: 15px; } .run-dialog { border-radius: 4px; padding: 16px 20px; } .lightbox { background-color: rgba(0, 0, 0, 0.3); } .cinnamon-mount-operation-icon { icon-size: 4.8em; } .mount-password-reask { color: #F4B400; } .show-processes-dialog { spacing: 24px; } .mount-question-dialog { spacing: 24px; } .show-processes-dialog-description:rtl { padding-right: 17px; } .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; } .magnifier-zoom-region { border: 3px solid rgba(0, 0, 0, 0.12); } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(0, 0, 0, 0.6); } .keyboard-key { font-size: 10.5pt; font-weight: 500; } .keyboard-layout { spacing: 8px; padding: 8px; } .keyboard-row { spacing: 16px; } .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: #F2F2F2; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-favorites-box { padding: 8px; } .menu-favorites-button { padding: 0.4em 4px; } .menu-favorites-button:hover { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-categories-box { padding: 8px; } .menu-applications-inner-box { padding: 8px; } .menu-applications-outer-box { padding: 8px; border-radius: 4px; } .menu-application-button { padding: 0.4em 4px; } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 0.4em 4px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-application-button-selected:highlighted { font-weight: bold; } .menu-category-button { padding: 0.4em 4px; } .menu-category-button-greyed { padding: 0.4em 4px; color: rgba(0, 0, 0, 0.6); font-style: italic; } .menu-category-button-selected { padding: 0.4em 4px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-selected-app-box { padding: 8px; margin-bottom: 4px; text-align: right; } .menu-selected-app-box:rtl { text-align: left; } .menu-selected-app-title { font-size: 9pt; font-weight: 400; } .menu-selected-app-description { font-size: 9pt; font-weight: 400; max-width: 150px; } .menu-search-box:ltr { padding-left: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-box:rtl { padding-right: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-entry-icon { icon-size: 1em; padding: 0 0; color: rgba(0, 0, 0, 0.38); } .window-list-box { font-size: 9pt; font-weight: 400; spacing: 4px; padding: 0 3px; } .window-list-box.vertical { spacing: 4px; padding: 3px 0; } .window-list-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box .progress { background-color: #0F9D58; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 3px; } .window-list-item-demands-attention { background-color: #383838; color: rgba(255, 255, 255, 0.6); } .window-list-preview { background-color: #FFFFFF; border-radius: 4px; padding: 10px 15px; spacing: 1em; color: rgba(0, 0, 0, 0.87); box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .grouped-window-list-thumbnail-label { padding-left: 3px; padding-bottom: 6px; } .grouped-window-list-number-label { font-size: 9pt; font-weight: 400; z-index: 99; } .grouped-window-list-list-button-label { padding-left: 3px; } .grouped-window-list-badge { border-radius: 9999px; background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { background: #F4B400; } .grouped-window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .grouped-window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { background-color: rgba(255, 255, 255, 0.12); } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box .progress { background-color: #0F9D58; } .grouped-window-list-item-demands-attention { background-color: #383838; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-thumbnail-menu { padding: 20px; border: none; border-radius: 4px; color: rgba(255, 255, 255, 0.6); background: none; } .grouped-window-list-thumbnail-menu .item-box { padding: 8px; spacing: 2px; border-radius: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { border: 2px solid rgba(0, 0, 0, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box:selected { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel { padding-bottom: 2px; } .grouped-window-list-thumbnail-menu .item-box > StButton:ltr { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StButton:rtl { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .thumbnail-box { padding: 2px; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .sound-player StButton:small { min-width: 24px; min-height: 24px; padding: 4px; } .sound-player StButton:small StIcon { icon-size: 1em; } .sound-player StButton StIcon { icon-size: 1.5em; } .sound-player .slider { height: 5px; } .sound-player StBoxLayout { spacing: 0.5em; } .sound-player > StBoxLayout { padding: 5px; } .sound-player-generic-coverart { background: rgba(0, 0, 0, 0.2); } .sound-player-overlay { background-color: #FFFFFF; min-width: 300px; padding: 12px 16px; spacing: 0.5em; color: rgba(0, 0, 0, 0.6); } .workspace-button { background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.6); margin: 2px; } .workspace-button:outlined { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .workspace-graph { background-color: rgba(0, 0, 0, 0.6); } .workspace-graph .workspace { background-color: #1F1F1F; border: 1px solid rgba(0, 0, 0, 0.12); } .workspace-graph .workspace:active { background-color: rgba(255, 255, 255, 0.26); border: 1px solid rgba(0, 0, 0, 0.12); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(255, 255, 255, 0.8); -active-window-border: rgba(0, 0, 0, 0.9); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .workspace-graph .workspace .windows { -active-window-background: rgba(140, 140, 140, 0.8); -active-window-border: rgba(0, 0, 0, 0.7); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .panel-launchers { padding: 0 4px; spacing: 4px; transition-duration: 100ms; } .panel-launchers .launcher { background-color: rgba(0, 0, 0, 0.01); } .panel-launchers.vertical { padding: 4px 0; spacing: 4px; } .panel-launchers.vertical .launcher .icon-box { padding-top: 0; } .applet-separator-line, .applet-separator-line-vertical { width: 2px; background: rgba(255, 255, 255, 0.12); } .applet-spacer:highlight { background: rgba(255, 255, 255, 0.4); } .applet-box { background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .applet-box:checked { color: rgba(255, 255, 255, 0.87); } .applet-box:checked .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:hover { color: rgba(255, 255, 255, 0.87); } .applet-box:hover .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .applet-box:highlight .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-label { font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.6); } .applet-icon { color: rgba(255, 255, 255, 0.6); padding: 0; spacing: 0; icon-size: 22px; } .desklet { font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.87); border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); padding: 12px; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .desklet-with-borders { font-size: 9pt; font-weight: 400; background-color: #FFFFFF; border-radius: 4px; } .desklet-with-borders:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; background-color: #FFFFFF; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } .desklet-with-borders-and-header:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-header { font-size: 15pt; font-weight: 500; background-color: #FFFFFF; border-radius-topleft: 2px; border-radius-topright: 2px; } .desklet-header:highlight { background-color: rgba(255, 255, 255, 0.4); } .photoframe-box { background-color: #FFFFFF; border-radius: 4px; } .photoframe-box:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-drag-placeholder { border: 2px solid #1A73E8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .launcher { padding: 1px; } .launcher .icon-box { padding-top: 2px; } .about-content { min-width: 250px; min-height: 150px; spacing: 8px; padding-bottom: 16px; } .about-title { font-size: 15pt; font-weight: 500; } .about-uuid { font-size: 9pt; font-weight: 400; } .about-icon { padding-right: 20px; } .about-scrollBox { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 4px; } .about-scrollBox-innerBox { padding: 1.2em; spacing: 1.2em; } .about-description { padding-top: 4px; } .about-version { padding-left: 7px; } .expo-workspaces-name-entry { font-size: 12pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; padding: 0 8px; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; caret-color: white; text-align: center; height: 36px; border-radius: 4px 4px 0 0; -cinnamon-caption-spacing: 12px; } .expo-workspaces-name-entry#selected { color: white; background-color: rgba(255, 255, 255, 0.3); } .expo-workspaces-name-entry:focus { color: white; box-shadow: inset 0 -2px white; } .expo-workspaces-name-entry:hover { background-color: rgba(255, 255, 255, 0.12); } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .check-box CinnamonGenericContainer { spacing: 8px; } .check-box:focus:checked StBin { background-image: url(assets/checkbox.svg); } .check-box:checked StBin { background-image: url(assets/checkbox.svg); } .radiobutton CinnamonGenericContainer { spacing: 8px; } .radiobutton:focus:checked StBin { background-image: url(assets/radiobutton.svg); } .radiobutton:checked StBin { background-image: url(assets/radiobutton.svg); } .flashspot { background-color: #1A73E8; } .osd-window { spacing: 1em; padding: 16px; } .osd-window .level { height: 0.7em; border-radius: 0.3em; background-color: rgba(0, 0, 0, 0.26); } .osd-window .level-bar { border-radius: 0.3em; background-color: #1A73E8; } .tile-hud:top { border-top-width: 0; border-radius: 0 0 10px 10px; } .tile-hud:bottom { border-bottom-width: 0; border-radius: 4px 4px 0 0; } .tile-hud:left { border-left-width: 0; border-radius: 0 10px 10px 0; } .tile-hud:right { border-right-width: 0; border-radius: 10px 0 0 10px; } .tile-hud:top-left { border-top-width: 0; border-left-width: 0; border-radius: 0 0 10px 0; } .tile-hud:top-right { border-top-width: 0; border-right-width: 0; border-radius: 0 0 0 10px; } .tile-hud:bottom-left { border-bottom-width: 0; border-left-width: 0; border-radius: 0 10px 0 0; } .tile-hud:bottom-right { border-bottom-width: 0; border-right-width: 0; border-radius: 10px 0 0 0; } .systray { spacing: 4px; } .user-box { padding: 0.4em 1.3em; spacing: 10px; } .user-icon { padding: 4px; border: none; } .user-label { font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } materia-theme-20200320/src/cinnamon/cinnamon-light.scss000066400000000000000000000004641363503524500226750ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'false'; @import '../_sass/variables'; @import '../_sass/colors'; @import '../_sass/gnome-shell/variables'; @import '../_sass/gnome-shell/drawing'; @import '../_sass/cinnamon/over-rides'; @import '../_sass/cinnamon/extends'; @import '../_sass/cinnamon/common'; materia-theme-20200320/src/cinnamon/cinnamon.css000066400000000000000000001077641363503524500214200ustar00rootroot00000000000000.notification-button, .modal-dialog-button { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; font-size: 10.5pt; font-weight: 500; min-height: 36px; padding: 0 16px; border-radius: 4px; } .notification-button:focus, .modal-dialog-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; } .notification-button:active, .modal-dialog-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .notification-button:insensitive, .modal-dialog-button:insensitive { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-icon-button, .keyboard-key, .sound-player StButton { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; min-height: 36px; min-width: 36px; padding: 6px; border-radius: 4px; } .notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; } .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; } .separator, .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: rgba(0, 0, 0, 0.12); -gradient-end: rgba(0, 0, 0, 0.12); -margin-horizontal: 4px; height: 1.5em; } #notification StEntry, .run-dialog-entry, #menu-search-entry { transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); width: 250px; min-height: 36px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; padding: 0 8px; border-width: 0; color: rgba(0, 0, 0, 0.87); } .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box { color: rgba(0, 0, 0, 0.87); border: none; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; border-radius: 999px; transition-duration: 100ms; } .calendar-change-month-back:active, .calendar-change-month-forward:active { background-color: rgba(0, 0, 0, 0.26); } .menu, .popup-combo-menu { background-color: #FFFFFF; border-radius: 4px; color: rgba(0, 0, 0, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-application-button-label:ltr, .menu-category-button-label:ltr { padding-left: 4px; } .menu-application-button-label:rtl, .menu-category-button-label:rtl { padding-right: 4px; } .show-processes-dialog-subject, .mount-question-dialog-subject { font-weight: bold; color: rgba(0, 0, 0, 0.87); padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { color: rgba(0, 0, 0, 0.87); padding-left: 17px; width: 28em; } .check-box StBin, .check-box:focus StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url(assets/checkbox-off.svg); } .radiobutton StBin, .radiobutton:focus StBin { width: 20px; height: 20px; padding: 8px; border-radius: 100px; background-image: url(assets/radiobutton-off.svg); } .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); border: 2px solid rgba(0, 0, 0, 0.12); } .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); border: 2px solid #1A73E8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; border-radius: 4px; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .overview-empty-placeholder, .info-osd, .workspace-osd { font-size: 15pt; font-weight: 500; text-align: center; padding: 8px 10px; } stage { font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; color: rgba(0, 0, 0, 0.87); } .cinnamon-link { color: #1A73E8; font-style: italic; } .cinnamon-link:hover { color: #1A73E8; } .label-shadow { color: transparent; } StScrollBar { padding: 0px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { background-color: rgba(0, 0, 0, 0.38); border-radius: 100px; margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } #Tooltip { font-size: 9pt; font-weight: 400; padding: 6px 8px; color: white; text-align: center; border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); } .menu { min-width: 100px; margin: 4px; } .menu-top-box { spacing: 5px; } .menu-systembuttons-box { padding: 10px; } .popup-sub-menu { background-color: rgba(0, 0, 0, 0.04); } .popup-menu-arrow { icon-size: 1.14em; } .popup-combo-menu { padding: 8px 0; } .popup-menu-content { padding: 8px 0; } .popup-menu-item { padding: 0.4em 16px; spacing: 8px; transition-duration: 100ms; } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-image-menu-item { color: rgba(0, 0, 0, 0.6); } .popup-combobox-item { padding: 0.4em 16px; } .popup-device-menu-item { spacing: .5em; } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-subtitle-menu-item { font-size: 10.5pt; font-weight: 500; } .popup-menu-icon { icon-size: 1.14em; } .popup-alternating-menu-item:alternate { font-size: 10.5pt; font-weight: 500; } .toggle-switch { width: 40px; height: 20px; } .toggle-switch-us, .toggle-switch-intl { background-image: url(assets/toggle-off.svg); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url(assets/toggle-on.svg); } .nm-menu-item-icons { spacing: .5em; icon-size: 1.14em; } #panel { color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.6); height: 2.5em; width: 3.2em; } #panel:highlight { background-color: rgba(255, 255, 255, 0.26); } .panel-dummy { background-color: rgba(255, 0, 0, 0.6); } .panel-dummy:entered { background-color: rgba(0, 255, 0, 0.6); } .panelLeft { spacing: 4px; } .panelLeft:dnd { background-color: rgba(255, 0, 0, 0.6); } .panelLeft:ltr { padding-right: 4px; } .panelLeft:rtl { padding-left: 4px; } .panelLeft.vertical { padding: 0; } .panelCenter { spacing: 4px; } .panelCenter:dnd { background-color: rgba(0, 255, 0, 0.6); } .panelCenter.vertical { padding-left: 0; padding-right: 0; } .panelRight { spacing: 4px; } .panelRight:dnd { background-color: rgba(0, 0, 255, 0.6); } .panelRight:ltr { padding-left: 0; spacing: 0; } .panelRight:rtl { padding-right: 0; spacing: 0; } .panelRight.vertical { padding: 0; } .panel-top .window-list-item-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-badge { margin-top: 2px; } .panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button { padding: 1px 4px; } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-box { padding: 0 4px; } .panel-top .applet-box:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .panel-launchers .launcher:hover { box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-separator { padding: 3px 4px; } .panel-top .systray:hover { box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { padding: 1px 4px; } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-box { padding: 0 4px; } .panel-bottom .applet-box:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .panel-launchers .launcher:hover { box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-separator { padding: 3px 4px; } .panel-bottom .systray:hover { box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-badge { margin-left: 2px; } .panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-box { padding: 4px 0; } .panel-left .applet-box:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .panel-launchers .launcher:hover { box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-separator { padding: 4px 3px; } .panel-left .systray:hover { box-shadow: 4px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { padding: 4px 1px; min-height: 1.2em; } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-box { padding: 4px 0; } .panel-right .applet-box:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .panel-launchers .launcher:hover { box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-separator { padding: 4px 3px; } .panel-right .systray:hover { box-shadow: -4px 0 0 0 #1A73E8 inset; } .panel-status-button { font-size: 10.5pt; font-weight: 500; -natural-hpadding: 4px; -minimum-hpadding: 4px; color: rgba(255, 255, 255, 0.6); } .panel-status-button:hover { color: rgba(255, 255, 255, 0.87); } .system-status-icon { icon-size: 1.14em; padding: 0; spacing: 0; } .system-status-icon.warning { color: #F4B400; } .system-status-icon.error { color: #D93025; } #overview { spacing: 12px; } .window-caption { font-size: 9pt; font-weight: 400; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); padding: 4px 6px; text-align: center; height: 1.5em; -cinnamon-caption-spacing: 12px; } .window-caption#selected, .window-caption:focus { color: rgba(255, 255, 255, 0.87); box-shadow: 0 -3px 0 0 #1A73E8 inset; } .workspace-controls { visible-height: 32px; } .workspace-thumbnails-background { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.08); border: none; padding: 8px; border-radius: 4px 0 0 4px; } .workspace-thumbnails-background:rtl { border-radius: 0 4px 4px 0; } .workspace-thumbnails { spacing: 32px; } .workspace-add-button { background-image: url(assets/add-workspace.svg); height: 200px; width: 35px; transition-duration: shorter_duration; } .workspace-add-button:hover { background-image: url(assets/add-workspace-hover.svg); } .workspace-add-button:active { background-image: url(assets/add-workspace-active.svg); } .workspace-close-button, .window-close { background-image: url(assets/close-window.svg); height: 32px; width: 32px; -cinnamon-close-overlap: 20px; } .workspace-close-button:rtl, .window-close:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } .window-border { border: 1px solid rgba(0, 0, 0, 0.12); } .window-close-area { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.12); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; width: 400px; } .expo-background { background-color: rgba(0, 0, 0, 0.6); } .workspace-overview-background-shade { background-color: rgba(0, 0, 0, 0.6); } .expo-workspace-thumbnail-frame { border: 1px solid rgba(0, 0, 0, 0.12); } .expo-workspace-thumbnail-frame#active { border: 1px solid #1A73E8; } #LookingGlassDialog { spacing: 4px; padding: 8px; } .calendar { padding: 4px 8px; spacing-rows: 2px; spacing-columns: 4px; } .datemenu-date-label { font-size: 15pt; font-weight: 500; height: 28px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(0, 0, 0, 0.87); text-align: center; } .datemenu-date-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-month-label { font-size: 10.5pt; font-weight: 500; height: 20px; margin: 2px; padding: 6px 16px; border-radius: 4px; color: rgba(0, 0, 0, 0.87); text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .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.26); } .calendar-day-base:active { color: white; background-color: #1A73E8; border-color: transparent; } .calendar-week-number { font-size: 9pt; font-weight: 400; width: 25px; height: 32px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); text-align: center; } .calendar-day-heading { font-size: 9pt; font-weight: 400; width: 32px; height: 25px; margin: 2px; padding: 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); 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; border: none; } .calendar-day-with-events { color: #1A73E8; 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; } #notification { background-color: #FFFFFF; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; margin-from-right-edge-of-screen: 20px; width: 34em; color: rgba(0, 0, 0, 0.87); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } #notification.multi-line-notification { padding-bottom: 8px; } #notification .url-highlighter { link-color: #1A73E8; } .notification-with-image { min-height: 159px; color: rgba(0, 0, 0, 0.87); } #notification-scrollview { max-height: 10em; } #notification-scrollview > .top-shadow { height: 1em; } #notification-scrollview > .bottom-shadow { height: 1em; } #notification-scrollview:ltr > StScrollBar { padding-left: 6px; } #notification-scrollview:rtl > StScrollBar { padding-right: 6px; } #notification-body { spacing: 4px; } #notification-actions { spacing: 8px; } .notification-icon-button > StIcon { icon-size: 1.5em; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { transition-duration: 100ms; } .switcher-list .item-box { padding: 8px; border-radius: 4px; } .switcher-list .item-box:selected { background-color: rgba(0, 0, 0, 0.12); } .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-list-item-container { spacing: 8px; } .thumbnail-scroll-gradient-left { background-gradient-direction: horizontal; background-gradient-start: #333333; background-gradient-end: rgba(51, 51, 51, 0); border-radius: 4px; border-radius-topright: 0; border-radius-bottomright: 0; width: 60px; } .thumbnail-scroll-gradient-right { background-gradient-direction: horizontal; background-gradient-start: rgba(51, 51, 51, 0); background-gradient-end: #333333; border-radius: 4px; border-radius-topleft: 0; border-radius-bottomleft: 0; width: 60px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .switcher-preview-backdrop { background-color: rgba(0, 0, 0, 0.6); } .ripple-box { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); background-color: #1A73E8; border-radius: 52px; } .modal-dialog { padding: 16px 20px; } .modal-dialog-button-box { spacing: 16px; } .run-dialog-label { color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } .run-dialog-error-label { color: #D93025; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-completion-box { padding-left: 15px; } .run-dialog { border-radius: 4px; padding: 16px 20px; } .lightbox { background-color: rgba(0, 0, 0, 0.3); } .cinnamon-mount-operation-icon { icon-size: 4.8em; } .mount-password-reask { color: #F4B400; } .show-processes-dialog { spacing: 24px; } .mount-question-dialog { spacing: 24px; } .show-processes-dialog-description:rtl { padding-right: 17px; } .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; } .magnifier-zoom-region { border: 3px solid rgba(0, 0, 0, 0.12); } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(0, 0, 0, 0.6); } .keyboard-key { font-size: 10.5pt; font-weight: 500; } .keyboard-layout { spacing: 8px; padding: 8px; } .keyboard-row { spacing: 16px; } .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: #F2F2F2; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-favorites-box { padding: 8px; } .menu-favorites-button { padding: 0.4em 4px; } .menu-favorites-button:hover { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-categories-box { padding: 8px; } .menu-applications-inner-box { padding: 8px; } .menu-applications-outer-box { padding: 8px; border-radius: 4px; } .menu-application-button { padding: 0.4em 4px; } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 0.4em 4px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-application-button-selected:highlighted { font-weight: bold; } .menu-category-button { padding: 0.4em 4px; } .menu-category-button-greyed { padding: 0.4em 4px; color: rgba(0, 0, 0, 0.6); font-style: italic; } .menu-category-button-selected { padding: 0.4em 4px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.87); } .menu-selected-app-box { padding: 8px; margin-bottom: 4px; text-align: right; } .menu-selected-app-box:rtl { text-align: left; } .menu-selected-app-title { font-size: 9pt; font-weight: 400; } .menu-selected-app-description { font-size: 9pt; font-weight: 400; max-width: 150px; } .menu-search-box:ltr { padding-left: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-box:rtl { padding-right: 30px; padding-bottom: 5px; padding-top: 5px; } .menu-search-entry-icon { icon-size: 1em; padding: 0 0; color: rgba(0, 0, 0, 0.38); } .window-list-box { font-size: 9pt; font-weight: 400; spacing: 4px; padding: 0 3px; } .window-list-box.vertical { spacing: 4px; padding: 3px 0; } .window-list-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .window-list-item-box .progress { background-color: #0F9D58; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 3px; } .window-list-item-demands-attention { background-color: #383838; color: rgba(255, 255, 255, 0.6); } .window-list-preview { background-color: #FFFFFF; border-radius: 4px; padding: 10px 15px; spacing: 1em; color: rgba(0, 0, 0, 0.87); box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .grouped-window-list-thumbnail-label { padding-left: 3px; padding-bottom: 6px; } .grouped-window-list-number-label { font-size: 9pt; font-weight: 400; z-index: 99; } .grouped-window-list-list-button-label { padding-left: 3px; } .grouped-window-list-badge { border-radius: 9999px; background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { background: #F4B400; } .grouped-window-list-item-box { background-color: rgba(0, 0, 0, 0.01); transition-duration: 100ms; } .grouped-window-list-item-box:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { background-color: rgba(255, 255, 255, 0.12); } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box:focus:hover { color: rgba(255, 255, 255, 0.87); } .grouped-window-list-item-box .progress { background-color: #0F9D58; } .grouped-window-list-item-demands-attention { background-color: #383838; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-thumbnail-menu { padding: 20px; border: none; border-radius: 4px; color: rgba(255, 255, 255, 0.6); background: none; } .grouped-window-list-thumbnail-menu .item-box { padding: 8px; spacing: 2px; border-radius: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { border: 2px solid rgba(0, 0, 0, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box:selected { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel { padding-bottom: 2px; } .grouped-window-list-thumbnail-menu .item-box > StButton:ltr { margin: 1px 6px 0 0; } .grouped-window-list-thumbnail-menu .item-box > StButton:rtl { margin: 1px 0 0 6px; } .grouped-window-list-thumbnail-menu .thumbnail-box { padding: 2px; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .sound-player StButton:small { min-width: 24px; min-height: 24px; padding: 4px; } .sound-player StButton:small StIcon { icon-size: 1em; } .sound-player StButton StIcon { icon-size: 1.5em; } .sound-player .slider { height: 5px; } .sound-player StBoxLayout { spacing: 0.5em; } .sound-player > StBoxLayout { padding: 5px; } .sound-player-generic-coverart { background: rgba(0, 0, 0, 0.2); } .sound-player-overlay { background-color: #FFFFFF; min-width: 300px; padding: 12px 16px; spacing: 0.5em; color: rgba(0, 0, 0, 0.6); } .workspace-button { background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.6); margin: 2px; } .workspace-button:outlined { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .workspace-graph { background-color: rgba(0, 0, 0, 0.6); } .workspace-graph .workspace { background-color: #1F1F1F; border: 1px solid rgba(0, 0, 0, 0.12); } .workspace-graph .workspace:active { background-color: rgba(255, 255, 255, 0.26); border: 1px solid rgba(0, 0, 0, 0.12); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(255, 255, 255, 0.8); -active-window-border: rgba(0, 0, 0, 0.9); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .workspace-graph .workspace .windows { -active-window-background: rgba(140, 140, 140, 0.8); -active-window-border: rgba(0, 0, 0, 0.7); -inactive-window-background: rgba(140, 140, 140, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.7); } .panel-launchers { padding: 0 4px; spacing: 4px; transition-duration: 100ms; } .panel-launchers .launcher { background-color: rgba(0, 0, 0, 0.01); } .panel-launchers.vertical { padding: 4px 0; spacing: 4px; } .panel-launchers.vertical .launcher .icon-box { padding-top: 0; } .applet-separator-line, .applet-separator-line-vertical { width: 2px; background: rgba(255, 255, 255, 0.12); } .applet-spacer:highlight { background: rgba(255, 255, 255, 0.4); } .applet-box { background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .applet-box:checked { color: rgba(255, 255, 255, 0.87); } .applet-box:checked .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:hover { color: rgba(255, 255, 255, 0.87); } .applet-box:hover .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-box:highlight { background: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.87); } .applet-box:highlight .applet-label { color: rgba(255, 255, 255, 0.87); } .applet-label { font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.6); } .applet-icon { color: rgba(255, 255, 255, 0.6); padding: 0; spacing: 0; icon-size: 22px; } .desklet { font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.87); border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); padding: 12px; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .desklet-with-borders { font-size: 9pt; font-weight: 400; background-color: #FFFFFF; border-radius: 4px; } .desklet-with-borders:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; background-color: #FFFFFF; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } .desklet-with-borders-and-header:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-header { font-size: 15pt; font-weight: 500; background-color: #FFFFFF; border-radius-topleft: 2px; border-radius-topright: 2px; } .desklet-header:highlight { background-color: rgba(255, 255, 255, 0.4); } .photoframe-box { background-color: #FFFFFF; border-radius: 4px; } .photoframe-box:highlight { background-color: rgba(255, 255, 255, 0.4); } .desklet-drag-placeholder { border: 2px solid #1A73E8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } .launcher { padding: 1px; } .launcher .icon-box { padding-top: 2px; } .about-content { min-width: 250px; min-height: 150px; spacing: 8px; padding-bottom: 16px; } .about-title { font-size: 15pt; font-weight: 500; } .about-uuid { font-size: 9pt; font-weight: 400; } .about-icon { padding-right: 20px; } .about-scrollBox { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 4px; } .about-scrollBox-innerBox { padding: 1.2em; spacing: 1.2em; } .about-description { padding-top: 4px; } .about-version { padding-left: 7px; } .expo-workspaces-name-entry { font-size: 12pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; padding: 0 8px; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; caret-color: white; text-align: center; height: 36px; border-radius: 4px 4px 0 0; -cinnamon-caption-spacing: 12px; } .expo-workspaces-name-entry#selected { color: white; background-color: rgba(255, 255, 255, 0.3); } .expo-workspaces-name-entry:focus { color: white; box-shadow: inset 0 -2px white; } .expo-workspaces-name-entry:hover { background-color: rgba(255, 255, 255, 0.12); } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .check-box CinnamonGenericContainer { spacing: 8px; } .check-box:focus:checked StBin { background-image: url(assets/checkbox.svg); } .check-box:checked StBin { background-image: url(assets/checkbox.svg); } .radiobutton CinnamonGenericContainer { spacing: 8px; } .radiobutton:focus:checked StBin { background-image: url(assets/radiobutton.svg); } .radiobutton:checked StBin { background-image: url(assets/radiobutton.svg); } .flashspot { background-color: #1A73E8; } .osd-window { spacing: 1em; padding: 16px; } .osd-window .level { height: 0.7em; border-radius: 0.3em; background-color: rgba(0, 0, 0, 0.26); } .osd-window .level-bar { border-radius: 0.3em; background-color: #1A73E8; } .tile-hud:top { border-top-width: 0; border-radius: 0 0 10px 10px; } .tile-hud:bottom { border-bottom-width: 0; border-radius: 4px 4px 0 0; } .tile-hud:left { border-left-width: 0; border-radius: 0 10px 10px 0; } .tile-hud:right { border-right-width: 0; border-radius: 10px 0 0 10px; } .tile-hud:top-left { border-top-width: 0; border-left-width: 0; border-radius: 0 0 10px 0; } .tile-hud:top-right { border-top-width: 0; border-right-width: 0; border-radius: 0 0 0 10px; } .tile-hud:bottom-left { border-bottom-width: 0; border-left-width: 0; border-radius: 0 10px 0 0; } .tile-hud:bottom-right { border-bottom-width: 0; border-right-width: 0; border-radius: 10px 0 0 0; } .systray { spacing: 4px; } .user-box { padding: 0.4em 1.3em; spacing: 10px; } .user-icon { padding: 4px; border: none; } .user-label { font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } materia-theme-20200320/src/cinnamon/cinnamon.scss000066400000000000000000000004641363503524500215700ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'false'; @import '../_sass/variables'; @import '../_sass/colors'; @import '../_sass/gnome-shell/variables'; @import '../_sass/gnome-shell/drawing'; @import '../_sass/cinnamon/over-rides'; @import '../_sass/cinnamon/extends'; @import '../_sass/cinnamon/common'; materia-theme-20200320/src/cinnamon/thumbnail.png000066400000000000000000001062631363503524500215660ustar00rootroot00000000000000PNG  IHDROD pHYs  tIME 5XtEXtCommentCreated with GIMPW IDATxwxTṲ!@"HWuU(*UWY]uuue]ۮb.0PF2df&y| 9Oνw2DDDDDDY"""""" O"""""" O"""""" O"""""" O"""""" O"""""" O"""""" O""""""$"""""$"""""$"""""$"""""$"""""$"""""$"""""" O"""""" O"""""" O"""""" O"""""" O"""""" O"""""".@DDD-|yjWnLTHPo> 2ذَ<)Mb:5pc񩞣߰b&}"""r,Zx|@8/z9ޯ88Ȧ%gq񈶤kl;o}zWÄt3%>&rLft$l7<wYN%4sal b۟: D7 0X糨j/3 d0U19srϹ /~OX~{?97حᑒ1$}%[՚g=a'E7`I$sth+jS/?<[~I\xIhR'v?uT90 %<j_Yn\^#ocHڇ!_w`"[4>Qp88z2jl*\EydOҩ\4>ĊUg;ۤ+ZycRw?ZI}́1I.ryUwOL&3p'ƅ{3 [ؚݮ:tCDҒQD7著smךnQ3ɠ[زB#.8ar)_@]ɜԢaU۟Հ}~B;^ IO$wcY!Fg :)ml?HT{ͅ$t-lWD\. VVWQ>M%fom5LL֊]=goCiS8G^{-&j88,Wn'Wkmp מ/ż?yʖ80*9ppy= x?9)[˽ OğoˤϤ1l׿b+Zy90YsQܙ]Z̎^ O=VVf+&+m#&DOɜѡ!(xPw2gq vꬤQm&rŤ$ eDBVLJ7rIj*N#/΃ꗰ`ᧁ_,q10\'r<ma/Xl/%> qLrno?V:u5Ћѣbwv3r]NN5q?SR^x5Ovu<铸vDMO*ro'C}hQЭÌoקY>fq~tPo~Ew E{ҽM ))$K$]qcg|n}ƥ6abr$`,9qOpF; (e}%_/33]'_mvJ)T^ƺ~m5?|_̆~"z2h@`t/Qqkz?ڜ<:,}&C С+p7c”]Od6 VTCJ:+6,@_ )V@moqF<ex{ߟV0o"ó}Č;@Dtygj[y;J)rS9x Ѓ ~ħKኘ0lm1Rk3AoiUq(bDeM ,M(%Ufe8zwŷ㷼=CJcXiK!#aE;[;3{Ս}KKK7Xg1Vnӯi;+vx~壀-I'#yݍ\}'ff7_ߕVU(pRckMfZj ;pU{'qs]nkh̒u S[܆yrQ<]ٽhwk(u)ݏ<;Q[ކ#Zݏ?uc=>n뻕]8bShm6o)Kww;~@Fܝ@|Rj< _0Ez袎;Վy1?;^&Ͻ_z#ޡ=~To_ݱU7k~)qz~þ/؛YIٻyl0 kՅHey|حOgNv ~;<6 %%0c[*0mh1k %ML7S5hnoJ㼸id&zofŇo>_2g|շXr7ֲԏCuO{͕QQQ#̙yyyj ;ssŔCw^Tp Kօt9bg^0>#)tڞ1Ɏ9[  6-,tiu俼O鷢$"""rN,һc5_1 ˬL5qQxK $""""?1Wcn!"""""$"""""$"""""$"""""$"""""$"""""$"""""$"""""" O"""""" O"""""" O"""""" O"""""" O"""""" O"""""" O""""""$"""""$"""""$"""""$"""Tv]p ӘQ)<4N>^c8#'Xǎ6lSc#ϰaرqGͦ.jgϞ 8֭[SSS g_E'w]]Ax- z As ViIq]fҷiү_?ZhATTׯ71θsOd@z,1_ɊȜ3Rwan  st&H  v=/*17ɑ^_X5>RxEEEѧOIHHjm۞Әvz]sXsgd+2ڴ"jKg[4EjfSK6INFF111DEEzjݘGe5" R42tR1ZpΘc9kxG1a7wkەVدyDߦ/ Ca 'ԩS3~> -7ClhpSˆM8N-C׻_G'9A.]ܹ3t9j(҇>:ҥ]6u!ΝH…LPI7Ru6>ftMeEkѧ}QӋ[ٲv{<3*~1ZG-lyCy[ХwOz%}3 o/aLz_וOZv>CSi!:wb۶ml ZgҥXIQ_?od _ne$GVR\׼HIDDDN׮]C66mQ9W5F`xwnuh:=Qi0[Ն#80@]=^' O0,aGk5NM 8\.6oL~~~33mYwc3akFDaIvEu?;%Fθk3cof n“oZL-[PUUŁ߿HNr.Pe7{j‰TS^~O>C8kJ(D,/ž0GakQOkŕ8س}+7{rug.7{wɪUXv-jxOe:)f8S%Z ;?#;g)QYnle,0O=-0͹[<41OshWyuM#'FTRR’%Kp: b.E V zwۃZ7b8 skT<3|:+."O/O NwO=ഏul:w-5Rhy՝̨mSK8 wsO-\;?~6YZ]~O\._#ù`8x.6< o~Oq\yi?IK ST“HSn3z/GeŌɠ)UɎ#>0\Iap cw#>Ź D-ގ~|$u'Ͷ|3vؗ!mOz"_9|C[dX-7}Mf_w_^|J“HO$SJLEy.v^ܶfehe.f9sw z3,ߒBn ZHliD=t*Eſ%^¸3ooq7Hܵ4~2edqV］_h$3JӥFSr6yۓ5eф'v\m`r?FA%3-=mI^ZɪK~tկI5lƒYy<@<n_uaE1$ނ=̅k3OgLH:ԱKJ7qDZg7m.ujomӞYlrYUݜшoA IDATV×L Vuڞ'լt_sq1#6l>&ۨ @M?~(qRP;O`x_OdZx?)'K2f!Wc-]XY_kX2/`֐lCxuއMLK-Ǐe~j’ii3 '"""-Z0 Ӎ0 S TiBj q٪׳fw=nZR#!/6е7n9?㓯<ԙVO9ʓ| z.<@j,sƪQRGsFrn%)Wgp܇:L#q[ A!ԍ1Jɫ_VJl;Zg%ynds;$"""5[r*w "F1(BfTF}9C7W{羗x9=:so5rBJg6y5L MĂ/mV>OrpDDDD?eXcj;5y'hOm-8l=w_`ɘym 1ssxCBT_\tScjs5 җ~,**WJƄÏ-ޙ}윶gTT)"""A3sCf^^^wRRnI|NAyyy%))IG7ђ“““““““8@DDD%ԒZTK)G O""""v7gyyyr44)i{"""""" O"""""" O"""""" O"""""" O"""""" O""""""ݪ\DDDO>ɓ3ikV{qbbďʔ"L{|漱յ2R.Ɏ$ʬ~<jL#h5t9:@z+>g3=/ S/B&ͤ͘ q^L+|Gkǃ]lCw˜[/yְ#bU\ť$"""rl0v oJ_UΪ !sThZt\4O? >{x~l8 oI,±i~{g&ㄜGxn@V kkom$"""8BΏa[ ot4cQQQ#̙yyy3KJv7p8(//o$%%բ0>#Zji{"""""" O"""""" O"""""" O"""""" O"""""" O"""""" O"""""" O""""""lj98&SKRRjQ-Ͳ)<4d&MfRZ~&QKAAAj)<4gǏNh&DDDDfADDDDDDIDDDDDIH*9ZyVDIDDDp=c;ŐQ?oN[ۑyU\< ;rt~-WxѵlY;2 mq5 l5xq[^ ??91mͶYJ#xR'r=hg V{-UGNy=n:94;0)皙sAQ@6VpӟDy bďK#2_<~vƮ'n#T T\.ڴ行bOqy˺qe\okGd=^'9U)ؑm>Z )M©ɋIi`qQ겄]|G33/~ٺaGL瞗7E_?N}U*@Jo.ImH)]:+^6J}ψFퟰ m؜YSDjoJ6't[ƒѬZyH qTgRKwh`M/tٛe%!8)מTZZ+7V1sc։"n@k6PMgwC9ﻃ׊CPONZOG,v's8v>(w'dRR, * ʍ{8m<|O}b!Jg6y5L MB -<ȣx<0䰐/#2YWt+EmؑO?gwtQW~M]ܞW+hAZFcȄTbڰcؠ$"""=V8:]ƔnI)D秅ìҋ4TM$fbj-YgϚxZ% mG}r~y>~T&@~dNK}^WޙndXya`+2%`VY߼ :<|WآE ?׶׋*F+k%NG ꏽ@do[,bRa/av%ePU;( t$:2Hh;,1'rZ ۿ gҥw _{'9%MKMLc5\Ԟ>~R߹{`FLK?@+-r,}lEFRx-|9:W^yiVTx[ |禧ݓ/<˷Ҙ_!cr_nKϽZzoc˜[ָ>``ms#Weœ|QW&{+7XxaTT)"""A3sCf^^^$nwTaj`!OIeee1}Gs$""""50rDDDDDDIDIDDDDDIDDDDD$h=O""""""G@+O""""r\ʓ(<(<“ocjQxh2$%%&^KAAڥG O""""v7gyyyr44)DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD=UZ gņͬ.4y>gv_(W7q&/b2'u]FOHFxެZy#/KBJ7u4g-gQf-~G_Njݎb E܂ y0nPM^QO<\-IrS+ a3<6!܏JÛqB+O"""rFcȄTbڰ3ϝ2gv-Vjx;y lt :xBR@R'Z,yG~-YqB#m>9#f=0GiQt; 8^|%}bŐ5{qE##QWPTxi67rU6@-'̏"iҝ\ner ,|53&r^gms0}ZVޗ]?FܧxzMtZm-U fĔtc TQibQle{=8n`+zh܀S7c֐3UߊQQQ#̙yyyIII&9M$բZFVVӧ|DKIDDDDDDIDDDDDDIDDDDDDIDDDDDDIDDDDDDIDDDDDDIDDDDDDIDDDDDD~MM """djIJJR-YҔ#'Fv䳼LUj9Z~Ԕ=''gëݒ^ jJ;.UEDumduwֵa/`wU@EEH&C -ۦH5 $"<>7Μ9syB B!B'!B!I!B!N5Q0sVvKhז4Aޛ8 QgH$BbS//jGno~C ᫧1=fR2h qfFKfb|pqZFIGilo8߰8<< !f:u\ ova&н[VP,v!˟ IDATj9&is ^lа)t<t;vr_kE)͢ӜxTDj^8iIF=_$7bc#lcp%6҃(ܷ̄gv DJNOB!IkEqq'yyFsd7=&&Ӽv pTbxdn}ّ8J4**VyL躑en/՚q `{;ЫoO={+8=нNʲcDusXۨs{L#DwEb)4K4NZeժ5Z8߱nvœw$BxƷWZx4^}9=LN:wp PwF{Z];nmBgy|:Ato_q-WZ(v1ū^ŵ*y3+n5K:L}>śOW|)A 2n9~;hKb>t(N9NeE~4_~~B!GyYzQvrr2@8NM^^qdIE:Ӈ;^OGd؞B!BH$B!< !B!OB!B!B!BH$B!< !B!OB!B!jK!Dv$''KZ$-ʴOבOB!GI 8nyyyM\"iiHZx"B!B'!B!I!B!$xB!B B!B'!B!8RB!!wk+>LXH8%ӕFJtƅ\?bi=}iڀ$;cyZn ZO2g%-N@4qػe;U|(, QϦ{%\^[TICēJ. :'@R6T%xB!$2( ud`g|Œ6n ( V?@t;:~d[#w<稧%T⯵< !BT24{.Y:ð" Nw}uXoяlٔ~1nn^R6J `?%-/veiIdݧ4z]qZŔ^"M_,,B!";֬^ŒM6SN MI=߭cu7[1q{s]Xtd|vkKs{YJw|Wp;1tm鑹r\'!B_(j}?0O*2Bql3BٱhsCٹw6~sVPKF>9K;khƓ KQl7/`uO B!B B!B'!B!I!B!$xB!B B!B'!B!I!B!D%B!8&-ɒI˯2-u$B!Q' 8jd؞B!BH$B!< !B!OB!B!B!BH$B!< !B!OB!B!$xB!B B!B'!B!I!B!$xB!B B!B'!B!dB!%8Byyy< !BHOqa{B!B!B!BH$B!< !B!OB!B!B!BH$B!< !B!I!B!$xB!B B!B'!B!I!B!$xB!B B!BH$B!< !B!OB!'`ϧxI?^wN|9QKt!BH<j[~;y{6l0??+cŏ崺y?_ӟǪtoy]bb`O;u˱=.!B!ĉ +:62?oNFQ 8Z< o!|==h$MfP~$F|sS y!O(g;h8@o0{,|śge]ik勘~<'}'YCc* ń״ 0a>Ade?*9Vќ6Zup~O.!Ȱ=!B4Y^Zke$$xB!ĉt6}&Jm-U\Əω&/o? J8h7|v|Rd؃q>볏C6(p7#Ѱ! j|"ъ8?xlNf{F-?kPXOk7mJLe*N _ӊv>;syir! 'Bi:72ǹ7{>{y3َ#:@ff >ԑ\^eo.&\%!-wgy#sx:=@HB:L;89>{;?¡\1</`{zrބ# DCl:^{>gulBGEKŗr?drvjEc|\xWO@sr߭1oS 0m[)QqH!sEٶucS1K |v?m=PGX{Y;;6fX~5} ̰0 ϲZYhtZ:"4-S>q'l+\Ob}pgBwӼ@۫پGEN)ڧ6oh6GWH3}oD$@)QQs%Bq<ȣի%#qBŏs%;NB};nWYZB!8Yh]0(UCCEi9^MpJqX2lO!BD#)3JA1˻HI!Boj~.8<)%B!B!B!BH$B!< !B!OB!B!B!BH$B!< !B!I!B!$xB!B B!B'!B!I!B!$xB!h(EQ$H'!BSn#!ht+B!Oz$--M2B߿_K !X:Ӕ۷;}v~?H!(ڵkGV-4h`){B!8lfe߯$H$ JQnJIIo+66N:av3`@ jI$B!8*wy;vӴiSڵkĉڼVI!Bq233l۴iC6m>EQ! ^׉6mڰyfqW/ [k0a(hFPUVaY:iISrgl i)FGs34|;46f)QCA轢yvgd35S{1l(a~Z`Pc>}6lgϮvL1qZ7k,ʎϪi c%\֪9]qݘ)$ۍV^K(N jw}S{U][._uOQQQ 6+VP\\LLL gqAII 8bطoPTTms} ?14i; I(?ĂZx8C<5mʍ/f96:*SҶm<?[ǛOö𩺿p[3`H+3MM7Dff&IIIj +|ڶm˺u"!joNj,z38wm`. 8IܦG qep: Zh*\I/t_" TMS-ӠczP 6 PQ4 DZZZo78T8׏&Mk{ꫬ\2rQB!mr0 β{vxX7XąvE! a&v EfP7f͚1x`bbbR,X޽{#7ʼiB!t]4AڀOثW/N;UנԼ_4wj]aT֬'ݻwg̘1r_ZZʌ3ذaCr9r$lvw6k֌QFvZС 2?g籪nHMMS\\|ȶihV<羛k +."nNW^xt[[8 jgx\͠> )((=xImzի><iժ@D>OL_!fFnTtԉYl߿EUʓh( =Bc* jժ - pPCkT@BW>^@Q˶OVźIRVXƆ||c*;)?۶1tsD\kgA7j4o9.)))=;Ӈ@ .77p#.Ȓ%KpXcʜ\#\1麎r7}۶ \:Mz)Y׎m~&~'f|?awf%̆ӡn|̚5@ @.]HIIa|/fь9˅iH#| Bz_yx5n[NIRR/z<]=OdU* Yuz~H$iC`P'x׼/pR4i„ "bbbKyͭvQU͛7GEtTUe׮][."GTTHII!%%SO=?ŋm۶%3332gĉh?N9YvmE8xr\6XyjYV$( {TU< /prEpp "mp} `/k^W__%%%̘1FAϞ=ˣK.̘1Z0Yg4M C,w叜Lۦ<2ܺ5U-5Dp϶^jO`W/iY wemgCY7 IDAT?»^\>Q> O`09C|fھ_3]5Uzֲ,A w'.9F=O]v4u.]p8tڕ/ȵ{e˖z_uׯ]tQ|,Z޿?s>|8=4i4ڵ+ݺuc@~~~e\u==ȷ]Vv%4:Din *6].4ry߱^t#*^k ~~sͼ-,,dʕIbb"}=d9<0d:t@JJJd~)..[ɓԩ&## Dնʀ;Ŕ@s{]nqպeYUl“5M4HTzÑnx[:BXa*SeS*T%cXSDZ- K" ;Pl"`Qңt۠JPSA0 }NiY >rgJ 1A2?wμwi5XJEa%\CP!.43 ;'tf/*`j>OP(rMh hJCj.~rv'99Ǔ(AfϞi\p\}c֬YǨ,^}+-%/Ѓk_R*z\| yZƶm>2p&5~*e5 ~mz8I7a4P£XYU/iY K*w `|yKrNVN~TOuP=h{wNZ?pV unj=Ҕ>ד'<W[={8FTe>v4#ǪCOuC&5djJvĉz^&M?\mXCo߾'nN#-- K"W^I͙:u*:ug%55&MDFvЁvM/B@׉l躎R.\8zzZ\x(VZżrB( )ܒvٺ)[ӱp$~& 7o^N߾}qG|?y桪*III~ΝD:>s璚a۶m̛7w ړXS/{O1u.)e7 \p ՔXŤdWyCzYW=}|a)Ϧ[|╯챼zFӍ<τY?OCaW ?*慇E((UCUOTޚqR 8V4PT=:`1J]Jhb`WlSlٲz'N$%˥E;( M1t[7gϸ rMױ~ݦhC8n M)ێM aϓN0dp8TS՛޿!kVy_8؎Sj45m+(n7>SV@s*~Hw+5%:o?m#ۂ!?YF԰AtԿ7<>7sdL)f;aƒsyhBkw(Lޥcsƭ3?GKpO& x~x=8N ɴٙx k">}Zv+(52dy 3O m۶~!ӧO:wLZZ{& Ɓ^c(Ń(8n,Oa\4ӛ3Օ\˄NʆyoXo%cvg9(h~N:6>o^m&(ԋGZ؍S|"]؃fZuVAuҹ\}\6)1V!~}{-ˢ܏O*/A#G< sغNQutv笖olG3EzO5|̞=VZzUU\̞=靪Ry1>EϋqAhV ;,x.V<=8巌[> 0LΗ$1-8gd ]֡ѱ \Z}K B]N$Od9*jAjC40>EQ+*'˶ٔ['$QԶ9YD )(j HdۆLK X|v8NTdp 4MeHmقcFѵ[=O@(@(IJML4CSi1U6D@&ފ hs%}%2}w*owC]ҫ9z& FREJeHLlsrr_q!݁mxoY}@#yxg_3P畽-޽۷yfBcǎ%..'|BFF>-[ҤInꊏU9Lxk47St欇~DžKn䖿dOo#[KO匁szq33zpasjN1~k󶋸*w O^+^d?vh lԐa{GZkiVH[qii2zŃ:ꠙA\_F}5tX-8}े|oyr5?<0obQ5ꥪg/~27'ndG8t禾#yɪ:=ܣTW=;ink7?qg}FӦMiݺu׎i-ˊL`m' ʶmr>T~2w) L-[%PQ:fx=$x)=`db<>d?"c<Ғ*O,۪FRk&cUF5Fi:WP!OV$r~FY]Fh6;ߠnr[w* pEpfL4) 0zNF~YSۋTa.CNvo6\<OdQ^^^1421tڐp # t5@x>u*n9c7q۟oͨ/$   UW3PY%C&29q&==fY< ,ӁЧ,`ح2 B X,?~ Fʙ[[`瘙V3vZSBo_eѴd1x},^z&6~rހɮOrzssjm2l(3 @.TUu|w,_<ͦMe˖nppT"6)bl͵c(_BqQL_Y^p}KӮdҹ-.dô/[w]9_l/1n~~q|XDIZu_-!mC~T땗g#-W}TI"K"Yl 1l6~ZuappY r De\;\w/c7b_(;c'ϲKx*s"l,tXczk+>w 77"u^ [x{uճYY:c1|%~τϋnjjK-Y:=kYr9 ~⯱^/UUIHH$2 S\\ܠQ=W>-nݺm۶EO<^{zf͚G6x`ƍ(\}ռ5~uQpzuġUSyWіJ^^2tioF-Çk ѶGE!3YQ{Z_M}1T9M{,rqP#jwW{ǡ ;v,111AYfM+( 11133fPPPP-WїBW3L_=:9O7&ķq|e+_q* .TC9xYxL ,bSx(^ U)MC w^4gO6%~:&:$[;؞@\p9hPaUŅഞn|W\P#xr C|G8j]y_a-R sRl!hB ?bx ;耡UVlO f׳p4m{e6Mpj.qzHbf۟NU0ir_ysդx%;>ZrZPe*CkAʧ㱩It,+H޾r*WzCtlۤ`gAծzgmۆ# s x?> c=5>6K} JÕ3eMv@Yf`ԩl߾̜9K/s̉lhSVVcvɓ>}zes?m۶m$pHMMe̘1 j)q0`;v 55x-KzzA/>mP[4 _VWCXͯ >.&'f*(4,E0;߸zx<܃X3iя锥\97E. ]9+T8Zxw`) ܼ#o7>LkT׍PLnr3aܰ9@҃[?u W#~*>OgԨQ|3uTLOAADGGG~W3xPT)GAl5IF~OUl닃:.z>Sw?ɽ}ė}u*5^<ҲX|UW ?dEZSN4Ղl|*^mg'^νordnEa8.DdG(D" mFYEQpRמ$5DF(D(YZ46Fє:X9)GItKb"mOV̞O1׸o9_9VGߪU#SP ˖-;mΝ;m۶ѵkW|>{kgmv6mzeZ1Pf̘A͉̻RnݺQZZʆ 8sϧ]ήWQ}{Oŭ@kޖjGZV 5۟N"Ye`i-0P!~j9m~%Þ,U5׬gzwbΝin B~Yxqd dzz:~:j*ϟO n֧uX"^^Z;0c#7%#񦴡s6/*m`!OgrGF^-e}8SFh}{,;H쀦Wܫ|U U %lye/LxށsCtJM0*nt]GUC`Ζ&x뷑7eǗ&[XkT*KO\?ʣa.Å52Î .é\"1tņi7^ H~JJmxtצOE7HVXs^Fkͷb˧u:o??n;(<zg27@"(,;Z /w%ju/+ꖮK'z^-ȭl(RpE6cI $k3fL‹ OOw~YA 'Lc ;u8F+Myڬ'K}ŸCVD"g-\_XqWÈXZ@YL2BIpihh0>|8f|>'ֱ@^>!7MRۮ3&{pAs/dibnhbt<#ӦM?qƥN#Gdȑ>i477ىfΜ9̟??"---)@2c]RZ4\Ix-" *bg\3Zn]:) z 5P;0i5̬ʦȍ#ԋc?hh4 3؊C,$ f2GbTވg!8H dOdEizg?:\9ۍq;ߞŲg7Xs&Vp ~WT* ~|=H=j6~Wn_+&N6c?3ڭY9#o%-l?w1%^T# 8ϞN4sL.~iyyy̘1YfQUUyصk8%I5୮5kĢE2g̙ٳz|>_Faǎ|g|Wb1uÇsH$'a vN/n|47 %4tttM('F;2Ǝr$>>޺?~ӝ#rlF$cQtƩeV7A۬rWrӧO: )++tmmm·~qۙX0-\3"mp89a/|Y'%sBkAQ^FL2\vm73D;f'Z' $qD$=~?;@Ut :::2w"01ktKL.Jg[c!GPrGKgü\*cu2x1J/Kʕ+ii9;%/gnݍF\Mhp$H8"  uԺ\pp-[]v7Pi=Y{X~;;;Yr%?fr &sz~z~:wa,[\L$7| _OOJ)&xnD/ZRӌDtBɲ*$?/2aתO"&⻈n94vu?\mii逄'NdÆ hԩSYp!Gaذa{΅^ȑ#G3g|)M o vV:$'?*iDK隦vS6TUرcӲŶHB,Zt & *WSt¹\Jw׾nɈG}%X*'9q3$g⹑b{s<;󋙢Kfu՞PTTļy(//aOee%ߊ+Biϙb}>TTTm6*++IrQ^^+§\&x幎'Xzo|[ǭͯvE;뮻;flBKIdW?T,8c >ںZ֮] _w;77G^~Tu꼺/dge.XvuL`]שH2 &vI8văe s;[E]ԯ-vuuQZZ~63.1c [[[6?:\gL 81o~v0tbM6ݐU<2D_bnԹlJȜ2k֬'k$ݶ߅ R1 0ao֐Y`Gp(: q&yn~pQ6nb8Ui3 5!\ŋiEʧcǎ뮣8mwR͛Mnڊsf#cPT4<\ڊ"s'ⶤ_[ BAl^tm|laP~q(IJ<@d…b#4r.0N邤LIEJW6GW3_?LHN%d ?bHhPpX]&oMBy؟S gr gXal";;_N7/8vzc:f¤gÁ*KFtF&cיd۳alO`*6l)[4}Ł}6~ц}mvl m|]76Υ-~7ml|'ٰq:0ɱ/sm/ڰ'6Ά{J{IENDB`materia-theme-20200320/src/gnome-shell/000077500000000000000000000000001363503524500174755ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/3.26/000077500000000000000000000000001363503524500200655ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/3.26/gnome-shell-compact.css000066400000000000000000002260351363503524500244450ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #1A73E8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.26/gnome-shell-compact.scss000066400000000000000000000004721363503524500246230ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'true'; $version: 3.26; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.26/gnome-shell-dark-compact.css000066400000000000000000002277511363503524500253720ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(255, 255, 255, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #8AB4F8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(255, 255, 255, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(255, 255, 255, 0.6); } .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); } .system-menu-action:hover { background-color: rgba(255, 255, 255, 0.08); } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(255, 255, 255, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #FDD633; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(255, 255, 255, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #F28B82; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #F28B82; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #8AB4F8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.26/gnome-shell-dark-compact.scss000066400000000000000000000004711363503524500255410ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'true'; $version: 3.26; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.26/gnome-shell-dark.css000066400000000000000000002277431363503524500237470ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(255, 255, 255, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #8AB4F8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(255, 255, 255, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(255, 255, 255, 0.6); } .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); } .system-menu-action:hover { background-color: rgba(255, 255, 255, 0.08); } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(255, 255, 255, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #FDD633; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(255, 255, 255, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #F28B82; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #F28B82; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #8AB4F8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.26/gnome-shell-dark.scss000066400000000000000000000004721363503524500241160ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'false'; $version: 3.26; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.26/gnome-shell-light-compact.css000066400000000000000000002260501363503524500255470ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #1A73E8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: rgba(0, 0, 0, 0.6); } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.26/gnome-shell-light-compact.scss000066400000000000000000000004731363503524500257310ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'true'; $version: 3.26; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.26/gnome-shell-light.css000066400000000000000000002260421363503524500241240ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #1A73E8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: rgba(0, 0, 0, 0.6); } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.26/gnome-shell-light.scss000066400000000000000000000004741363503524500243060ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'false'; $version: 3.26; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.26/gnome-shell.css000066400000000000000000002260271363503524500230220ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #1A73E8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.26/gnome-shell.scss000066400000000000000000000004731363503524500232000ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'false'; $version: 3.26; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.28/000077500000000000000000000000001363503524500200675ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/3.28/gnome-shell-compact.css000066400000000000000000002257651363503524500244600ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #1A73E8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.28/gnome-shell-compact.scss000066400000000000000000000004721363503524500246250ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'true'; $version: 3.28; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.28/gnome-shell-dark-compact.css000066400000000000000000002277011363503524500253670ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(255, 255, 255, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #8AB4F8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(255, 255, 255, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(255, 255, 255, 0.6); } .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); } .system-menu-action:hover { background-color: rgba(255, 255, 255, 0.08); } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(255, 255, 255, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #FDD633; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(255, 255, 255, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #F28B82; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #F28B82; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #8AB4F8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.28/gnome-shell-dark-compact.scss000066400000000000000000000004711363503524500255430ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'true'; $version: 3.28; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.28/gnome-shell-dark.css000066400000000000000000002276731363503524500237530ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(255, 255, 255, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #8AB4F8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(255, 255, 255, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(255, 255, 255, 0.6); } .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); } .system-menu-action:hover { background-color: rgba(255, 255, 255, 0.08); } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(255, 255, 255, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #FDD633; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(255, 255, 255, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #F28B82; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #F28B82; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #8AB4F8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.28/gnome-shell-dark.scss000066400000000000000000000004721363503524500241200ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'false'; $version: 3.28; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.28/gnome-shell-light-compact.css000066400000000000000000002260001363503524500255440ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #1A73E8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: rgba(0, 0, 0, 0.6); } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.28/gnome-shell-light-compact.scss000066400000000000000000000004731363503524500257330ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'true'; $version: 3.28; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.28/gnome-shell-light.css000066400000000000000000002257721363503524500241370ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #1A73E8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: rgba(0, 0, 0, 0.6); } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.28/gnome-shell-light.scss000066400000000000000000000004741363503524500243100ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'false'; $version: 3.28; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.28/gnome-shell.css000066400000000000000000002257571363503524500230350ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -slider-height: 2px; -slider-border-width: 0; -slider-border-color: transparent; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-active-border-color: transparent; -slider-active-background-color: #1A73E8; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { border-radius: 0; background-color: #1A73E8; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.28/gnome-shell.scss000066400000000000000000000004731363503524500232020ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'false'; $version: 3.28; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.30/000077500000000000000000000000001363503524500200605ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/3.30/gnome-shell-compact.css000066400000000000000000002262501363503524500244370ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.30/gnome-shell-compact.scss000066400000000000000000000004721363503524500246160ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'true'; $version: 3.30; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.30/gnome-shell-dark-compact.css000066400000000000000000002301561363503524500253560ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(255, 255, 255, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(255, 255, 255, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(255, 255, 255, 0.6); } .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); } .system-menu-action:hover { background-color: rgba(255, 255, 255, 0.08); } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(255, 255, 255, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #FDD633; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(255, 255, 255, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #F28B82; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #F28B82; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.30/gnome-shell-dark-compact.scss000066400000000000000000000004711363503524500255340ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'true'; $version: 3.30; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.30/gnome-shell-dark.css000066400000000000000000002301501363503524500237240ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(255, 255, 255, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(255, 255, 255, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(255, 255, 255, 0.6); } .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); } .system-menu-action:hover { background-color: rgba(255, 255, 255, 0.08); } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(255, 255, 255, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #FDD633; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(255, 255, 255, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #F28B82; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #F28B82; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.30/gnome-shell-dark.scss000066400000000000000000000004721363503524500241110ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'false'; $version: 3.30; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.30/gnome-shell-light-compact.css000066400000000000000000002262631363503524500255500ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: rgba(0, 0, 0, 0.6); } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.30/gnome-shell-light-compact.scss000066400000000000000000000004731363503524500257240ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'true'; $version: 3.30; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.30/gnome-shell-light.css000066400000000000000000002262551363503524500241250ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: rgba(0, 0, 0, 0.6); } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.30/gnome-shell-light.scss000066400000000000000000000004741363503524500243010ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'false'; $version: 3.30; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.30/gnome-shell.css000066400000000000000000002262421363503524500230140ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #panel.solid { transition-duration: 250ms; background-color: #1F1F1F; } #panel.solid .panel-corner { -panel-corner-background-color: transparent; } #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: white; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .framed-user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .framed-user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.30/gnome-shell.scss000066400000000000000000000004731363503524500231730ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'false'; $version: 3.30; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.32/000077500000000000000000000000001363503524500200625ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/3.32/gnome-shell-compact.css000066400000000000000000002242711363503524500244420ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.32/gnome-shell-compact.scss000066400000000000000000000004721363503524500246200ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'true'; $version: 3.32; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.32/gnome-shell-dark-compact.css000066400000000000000000002261771363503524500253700ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(255, 255, 255, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(255, 255, 255, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(255, 255, 255, 0.6); } .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); } .system-menu-action:hover { background-color: rgba(255, 255, 255, 0.08); } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(255, 255, 255, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #FDD633; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(255, 255, 255, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #F28B82; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #F28B82; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.32/gnome-shell-dark-compact.scss000066400000000000000000000004711363503524500255360ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'true'; $version: 3.32; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.32/gnome-shell-dark.css000066400000000000000000002261711363503524500237360ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(255, 255, 255, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(255, 255, 255, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(255, 255, 255, 0.6); } .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); } .system-menu-action:hover { background-color: rgba(255, 255, 255, 0.08); } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(255, 255, 255, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #FDD633; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(255, 255, 255, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #F28B82; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #F28B82; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.32/gnome-shell-dark.scss000066400000000000000000000004721363503524500241130ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'false'; $version: 3.32; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.32/gnome-shell-light-compact.css000066400000000000000000002243011363503524500255410ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.32/gnome-shell-light-compact.scss000066400000000000000000000004731363503524500257260ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'true'; $version: 3.32; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.32/gnome-shell-light.css000066400000000000000000002242731363503524500241250ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.32/gnome-shell-light.scss000066400000000000000000000004741363503524500243030ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'false'; $version: 3.32; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.32/gnome-shell.css000066400000000000000000002242631363503524500230170ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-switch-user-submenu-icon { icon-size: 16px; padding: 0 4px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; spinner-image: url("process-working.svg"); } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsBin { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.32/gnome-shell.scss000066400000000000000000000004731363503524500231750ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'false'; $version: 3.32; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.34/000077500000000000000000000000001363503524500200645ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/3.34/gnome-shell-compact.css000066400000000000000000002266621363503524500244520ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .notification-banner StEntry, .modal-dialog StEntry, .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .notification-banner StEntry:hover, .modal-dialog StEntry:hover, .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .notification-banner StEntry:focus, .modal-dialog StEntry:focus, .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; border: 0; } .notification-banner StEntry:insensitive, .modal-dialog StEntry:insensitive, .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .notification-banner StEntry StIcon.capslock-warning, .modal-dialog StEntry StIcon.capslock-warning, .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .notification-banner StEntry StIcon.peek-password, .modal-dialog StEntry StIcon.peek-password, .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .notification-banner StEntry StIcon.peek-password:hover, .modal-dialog StEntry StIcon.peek-password:hover, .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .notification-banner StEntry StLabel.hint-text, .modal-dialog StEntry StLabel.hint-text, .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .modal-dialog .button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .modal-dialog .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .modal-dialog .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .modal-dialog .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .modal-dialog .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .message-title, .notification-banner:focus .message-title, .notification-banner:active .message-title { color: rgba(0, 0, 0, 0.87); } .notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content { color: rgba(0, 0, 0, 0.6); } .notification-banner .message-icon-bin > StIcon { color: inherit; } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } .prompt-dialog-pim-box { spacing: 1em; } .prompt-dialog-grid { spacing-rows: 15px; spacing-columns: 1em; } .prompt-dialog-keyfiles-box { spacing: 1em; } .prompt-dialog-button.button { padding: 0 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.34/gnome-shell-compact.scss000066400000000000000000000004721363503524500246220ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'true'; $version: 3.34; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.34/gnome-shell-dark-compact.css000066400000000000000000002306041363503524500253600ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .notification-banner StEntry, .modal-dialog StEntry, .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .notification-banner StEntry:hover, .modal-dialog StEntry:hover, .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .notification-banner StEntry:focus, .modal-dialog StEntry:focus, .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; border: 0; } .notification-banner StEntry:insensitive, .modal-dialog StEntry:insensitive, .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .notification-banner StEntry StIcon.capslock-warning, .modal-dialog StEntry StIcon.capslock-warning, .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .notification-banner StEntry StIcon.peek-password, .modal-dialog StEntry StIcon.peek-password, .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .notification-banner StEntry StIcon.peek-password:hover, .modal-dialog StEntry StIcon.peek-password:hover, .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .notification-banner StEntry StLabel.hint-text, .modal-dialog StEntry StLabel.hint-text, .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .modal-dialog .button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .modal-dialog .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .modal-dialog .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .modal-dialog .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .modal-dialog .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(255, 255, 255, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(255, 255, 255, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(255, 255, 255, 0.6); } .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); } .system-menu-action:hover { background-color: rgba(255, 255, 255, 0.08); } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(255, 255, 255, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .message-title, .notification-banner:focus .message-title, .notification-banner:active .message-title { color: rgba(255, 255, 255, 0.87); } .notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content { color: rgba(255, 255, 255, 0.6); } .notification-banner .message-icon-bin > StIcon { color: inherit; } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #FDD633; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(255, 255, 255, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #F28B82; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #F28B82; } .prompt-dialog-pim-box { spacing: 1em; } .prompt-dialog-grid { spacing-rows: 15px; spacing-columns: 1em; } .prompt-dialog-keyfiles-box { spacing: 1em; } .prompt-dialog-button.button { padding: 0 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.34/gnome-shell-dark-compact.scss000066400000000000000000000004711363503524500255400ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'true'; $version: 3.34; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.34/gnome-shell-dark.css000066400000000000000000002305761363503524500237440ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .notification-banner StEntry, .modal-dialog StEntry, .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .notification-banner StEntry:hover, .modal-dialog StEntry:hover, .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .notification-banner StEntry:focus, .modal-dialog StEntry:focus, .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; border: 0; } .notification-banner StEntry:insensitive, .modal-dialog StEntry:insensitive, .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .notification-banner StEntry StIcon.capslock-warning, .modal-dialog StEntry StIcon.capslock-warning, .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .notification-banner StEntry StIcon.peek-password, .modal-dialog StEntry StIcon.peek-password, .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .notification-banner StEntry StIcon.peek-password:hover, .modal-dialog StEntry StIcon.peek-password:hover, .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .notification-banner StEntry StLabel.hint-text, .modal-dialog StEntry StLabel.hint-text, .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .modal-dialog .button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .modal-dialog .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .modal-dialog .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .modal-dialog .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .modal-dialog .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(255, 255, 255, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(255, 255, 255, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(255, 255, 255, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(255, 255, 255, 0.6); } .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); } .system-menu-action:hover { background-color: rgba(255, 255, 255, 0.08); } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(255, 255, 255, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .message-title, .notification-banner:focus .message-title, .notification-banner:active .message-title { color: rgba(255, 255, 255, 0.87); } .notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content { color: rgba(255, 255, 255, 0.6); } .notification-banner .message-icon-bin > StIcon { color: inherit; } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #FDD633; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(255, 255, 255, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #F28B82; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #F28B82; } .prompt-dialog-pim-box { spacing: 1em; } .prompt-dialog-grid { spacing-rows: 15px; spacing-columns: 1em; } .prompt-dialog-keyfiles-box { spacing: 1em; } .prompt-dialog-button.button { padding: 0 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.34/gnome-shell-dark.scss000066400000000000000000000004721363503524500241150ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'false'; $version: 3.34; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.34/gnome-shell-light-compact.css000066400000000000000000002266721363503524500255600ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .notification-banner StEntry, .modal-dialog StEntry, .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .notification-banner StEntry:hover, .modal-dialog StEntry:hover, .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .notification-banner StEntry:focus, .modal-dialog StEntry:focus, .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; border: 0; } .notification-banner StEntry:insensitive, .modal-dialog StEntry:insensitive, .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .notification-banner StEntry StIcon.capslock-warning, .modal-dialog StEntry StIcon.capslock-warning, .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .notification-banner StEntry StIcon.peek-password, .modal-dialog StEntry StIcon.peek-password, .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .notification-banner StEntry StIcon.peek-password:hover, .modal-dialog StEntry StIcon.peek-password:hover, .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .notification-banner StEntry StLabel.hint-text, .modal-dialog StEntry StLabel.hint-text, .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .modal-dialog .button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .modal-dialog .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .modal-dialog .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .modal-dialog .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .modal-dialog .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-menu-action { -st-icon-style: symbolic; padding: 12px; border: 0; border-radius: 20px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 12px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .message-title, .notification-banner:focus .message-title, .notification-banner:active .message-title { color: rgba(0, 0, 0, 0.87); } .notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content { color: rgba(0, 0, 0, 0.6); } .notification-banner .message-icon-bin > StIcon { color: inherit; } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } .prompt-dialog-pim-box { spacing: 1em; } .prompt-dialog-grid { spacing-rows: 15px; spacing-columns: 1em; } .prompt-dialog-keyfiles-box { spacing: 1em; } .prompt-dialog-button.button { padding: 0 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.34/gnome-shell-light-compact.scss000066400000000000000000000004731363503524500257300ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'true'; $version: 3.34; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.34/gnome-shell-light.css000066400000000000000000002266641363503524500241350ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .notification-banner StEntry, .modal-dialog StEntry, .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .notification-banner StEntry:hover, .modal-dialog StEntry:hover, .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .notification-banner StEntry:focus, .modal-dialog StEntry:focus, .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; border: 0; } .notification-banner StEntry:insensitive, .modal-dialog StEntry:insensitive, .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .notification-banner StEntry StIcon.capslock-warning, .modal-dialog StEntry StIcon.capslock-warning, .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .notification-banner StEntry StIcon.peek-password, .modal-dialog StEntry StIcon.peek-password, .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .notification-banner StEntry StIcon.peek-password:hover, .modal-dialog StEntry StIcon.peek-password:hover, .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .notification-banner StEntry StLabel.hint-text, .modal-dialog StEntry StLabel.hint-text, .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .modal-dialog .button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .modal-dialog .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .modal-dialog .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .modal-dialog .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .modal-dialog .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .message-title, .notification-banner:focus .message-title, .notification-banner:active .message-title { color: rgba(0, 0, 0, 0.87); } .notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content { color: rgba(0, 0, 0, 0.6); } .notification-banner .message-icon-bin > StIcon { color: inherit; } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } .prompt-dialog-pim-box { spacing: 1em; } .prompt-dialog-grid { spacing-rows: 15px; spacing-columns: 1em; } .prompt-dialog-keyfiles-box { spacing: 1em; } .prompt-dialog-button.button { padding: 0 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.34/gnome-shell-light.scss000066400000000000000000000004741363503524500243050ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'false'; $version: 3.34; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.34/gnome-shell.css000066400000000000000000002266541363503524500230270ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 10.5pt; font-weight: 400; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .notification-banner StEntry, .modal-dialog StEntry, .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .notification-banner StEntry:hover, .modal-dialog StEntry:hover, .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .notification-banner StEntry:focus, .modal-dialog StEntry:focus, .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; border: 0; } .notification-banner StEntry:insensitive, .modal-dialog StEntry:insensitive, .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .notification-banner StEntry StIcon.capslock-warning, .modal-dialog StEntry StIcon.capslock-warning, .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .notification-banner StEntry StIcon.peek-password, .modal-dialog StEntry StIcon.peek-password, .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .notification-banner StEntry StIcon.peek-password:hover, .modal-dialog StEntry StIcon.peek-password:hover, .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .notification-banner StEntry StLabel.hint-text, .modal-dialog StEntry StLabel.hint-text, .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .modal-dialog .button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .modal-dialog .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .modal-dialog .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .modal-dialog .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .modal-dialog .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } 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: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { height: 1px; margin: 8px 40px; border: 0; background-color: rgba(0, 0, 0, 0.12); } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } .system-menu-action { -st-icon-style: symbolic; padding: 16px; border: 0; border-radius: 24px; color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; } .system-menu-action:hover, .system-menu-action:focus { padding: 16px; border: 0; color: rgba(0, 0, 0, 0.6); } .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); } .system-menu-action:hover { background-color: rgba(0, 0, 0, 0.08); } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); transition-duration: 200ms; } .system-menu-action > StIcon { icon-size: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-clear-button.button { margin: 8px 8px 0; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-content > StBoxLayout > StButton { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active { color: rgba(0, 0, 0, 0.6); } .message .message-content > StBoxLayout > StButton:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-content > StBoxLayout > StButton:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-content > StBoxLayout > StButton:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .message-title, .notification-banner:focus .message-title, .notification-banner:active .message-title { color: rgba(0, 0, 0, 0.87); } .notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content { color: rgba(0, 0, 0, 0.6); } .notification-banner .message-icon-bin > StIcon { color: inherit; } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { padding: 24px; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: 0; } .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } .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; padding-top: 6px; color: #F4B400; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { width: 48px; height: 48px; border-radius: 9999px; background-size: contain; } .end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: rgba(0, 0, 0, 0.6); } .end-session-dialog-inhibitor-layout { max-height: 200px; padding-right: 64px; padding-left: 64px; spacing: 16px; } .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.6); font-size: 1em; } /* 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.6); font-weight: normal; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .run-dialog-label { padding-bottom: .4em; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; } .run-dialog .run-dialog-entry { width: 20em; margin-bottom: 0; } .run-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; color: #D93025; } .run-dialog .run-dialog-button-box { padding-top: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: inherit; font-size: 15pt; font-weight: 500; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } .prompt-dialog-error-label { color: #D93025; } .prompt-dialog-pim-box { spacing: 1em; } .prompt-dialog-grid { spacing-rows: 15px; spacing-columns: 1em; } .prompt-dialog-keyfiles-box { spacing: 1em; } .prompt-dialog-button.button { padding: 0 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { spacing: 10px; padding-left: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0; padding-right: 10px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; width: 48px; height: 48px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-device-selection-dialog .audio-selection-content { spacing: 20px; padding: 24px; } .audio-device-selection-dialog .audio-selection-title { font-weight: bold; text-align: inherit; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog-subject { font-size: 15pt; font-weight: 500; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { max-width: 34em; padding-top: 10px; padding-bottom: 6px; padding-left: 17px; } .mount-dialog .message-dialog-title:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog .message-dialog-body { width: 28em; padding-left: 17px; } .mount-dialog .message-dialog-body:rtl { padding-left: 0; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 48px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 48px; padding-left: 32px; } .mount-dialog-app-list-item, .mount-dialog-app-list-item:hover { color: inherit; } .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: 16px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 16px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* 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.6); font-weight: normal; } /* 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; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked { color: white; } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-popup { -arrow-base: 24px; -arrow-rise: 12px; -arrow-border-radius: 4px; -arrow-background-color: rgba(255, 255, 255, 0.08); } .app-folder-popup-bin { padding: 6px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border: 0; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); transition-duration: 100ms; } .page-indicator:hover .page-indicator-icon { border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { margin: 0; border: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; background-color: transparent; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.default-key { background-size: 24px; } .keyboard-key.enter-key { background-image: url("assets/key-enter.svg"); } .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 { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog-username, .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget-label:ltr { padding-left: 14px; } .user-widget-label:rtl { padding-right: 14px; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { width: 80px; height: 48px; color: white; -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 { padding-bottom: 1.5em; 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; } .screen-shield-clock-time { font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { font-size: 34px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; max-height: 500px; background-color: transparent; } .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: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.3); color: white; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0 0 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0 0 16px; color: rgba(255, 255, 255, 0.7); } #lockDialogGroup { background-color: #181818; background-repeat: repeat; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.34/gnome-shell.scss000066400000000000000000000004731363503524500231770ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'false'; $version: 3.34; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.36/000077500000000000000000000000001363503524500200665ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/3.36/gnome-shell-compact.css000066400000000000000000002135431363503524500244460ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 1em; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #unlockDialogNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #unlockDialogNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #unlockDialogNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #unlockDialogNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #unlockDialogNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #unlockDialogNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #unlockDialogNotifications StScrollBar StButton#hhandle:active { background-color: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { padding: 0; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; margin: 8px 0; background-color: rgba(0, 0, 0, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { margin: 8px 0; background-color: rgba(0, 0, 0, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr { margin-right: 32px; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl { margin-left: 32px; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-controls { margin: 8px 8px 0; padding: 0; spacing: 8px; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-close-button { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active { color: rgba(0, 0, 0, 0.6); } .message .message-close-button:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-close-button:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-close-button:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { max-width: 28em; margin: 32px 40px; spacing: 32px; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #F4B400; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { font-size: 15pt; font-weight: 500; text-align: inherit; } .message-dialog-content .message-dialog-title.leightweight { font-size: 15pt; font-weight: 500; } .message-dialog-content .message-dialog-description { color: rgba(0, 0, 0, 0.6); text-align: inherit; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 16px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: inherit; color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; text-align: inherit; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: inherit; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked { color: white; } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-color: white; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .user-icon StIcon { background-color: rgba(0, 0, 0, 0.08); border-radius: 9999px; } .user-widget.vertical .user-icon { icon-size: 128px; } .user-widget.vertical .user-icon StIcon { width: 64px; height: 64px; padding: 32px; } .user-widget.horizontal .user-icon { icon-size: 64px; } .user-widget.horizontal .user-icon StIcon { width: 32px; height: 32px; padding: 16px; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.shift-key-uppercase { color: #1A73E8; } .keyboard-key StIcon { icon-size: 32px; } .keyboard-subkeys { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; width: 23em; } .login-dialog-message { text-align: center; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.08); } .user-widget-label { color: inherit; } .user-widget.horizontal .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; } .user-widget.vertical .user-widget-label { padding-top: 16px; font-size: 18pt; font-weight: 400; text-align: center; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .unlock-dialog-clock { padding-bottom: 2.5em; spacing: 24px; color: white; font-weight: normal; text-align: center; } .unlock-dialog-clock-time { padding-top: 42px; font-size: 96px; font-weight: 300; font-feature-settings: "tnum"; } .unlock-dialog-clock-date { font-size: 34px; font-weight: 400; } .unlock-dialog-clock-hint { padding-top: 48px; color: rgba(255, 255, 255, 0.7); font-weight: normal; } .unlock-dialog-notifications-container { width: 23em; margin: 12px 0; spacing: 6px; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.04); color: white; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.04); color: #F28B82; } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { margin-right: 12px; padding: 2px 8px; border-radius: 99px; background-color: rgba(255, 255, 255, 0.08); color: white; } #lockDialogGroup { background-color: #181818; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.36/gnome-shell-compact.scss000066400000000000000000000004721363503524500246240ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'true'; $version: 3.36; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.36/gnome-shell-dark-compact.css000066400000000000000000002153771363503524500253740ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 1em; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(255, 255, 255, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 0.87); } #overview StScrollBar StBin#trough, #unlockDialogNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #unlockDialogNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #unlockDialogNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #unlockDialogNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #unlockDialogNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #unlockDialogNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #unlockDialogNotifications StScrollBar StButton#hhandle:active { background-color: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { padding: 0; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; margin: 8px 0; background-color: rgba(255, 255, 255, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { margin: 8px 0; background-color: rgba(255, 255, 255, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr { margin-right: 32px; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl { margin-left: 32px; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-controls { margin: 8px 8px 0; padding: 0; spacing: 8px; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-close-button { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active { color: rgba(255, 255, 255, 0.6); } .message .message-close-button:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-close-button:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-close-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { max-width: 28em; margin: 32px 40px; spacing: 32px; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #FDD633; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { font-size: 15pt; font-weight: 500; text-align: inherit; } .message-dialog-content .message-dialog-title.leightweight { font-size: 15pt; font-weight: 500; } .message-dialog-content .message-dialog-description { color: rgba(255, 255, 255, 0.6); text-align: inherit; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 16px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: inherit; color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; text-align: inherit; } .prompt-dialog-error-label { color: #F28B82; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: inherit; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked { color: white; } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-color: white; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .user-icon StIcon { background-color: rgba(255, 255, 255, 0.08); border-radius: 9999px; } .user-widget.vertical .user-icon { icon-size: 128px; } .user-widget.vertical .user-icon StIcon { width: 64px; height: 64px; padding: 32px; } .user-widget.horizontal .user-icon { icon-size: 64px; } .user-widget.horizontal .user-icon StIcon { width: 32px; height: 32px; padding: 16px; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.shift-key-uppercase { color: #8AB4F8; } .keyboard-key StIcon { icon-size: 32px; } .keyboard-subkeys { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; width: 23em; } .login-dialog-message { text-align: center; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.08); } .user-widget-label { color: inherit; } .user-widget.horizontal .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; } .user-widget.vertical .user-widget-label { padding-top: 16px; font-size: 18pt; font-weight: 400; text-align: center; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .unlock-dialog-clock { padding-bottom: 2.5em; spacing: 24px; color: white; font-weight: normal; text-align: center; } .unlock-dialog-clock-time { padding-top: 42px; font-size: 96px; font-weight: 300; font-feature-settings: "tnum"; } .unlock-dialog-clock-date { font-size: 34px; font-weight: 400; } .unlock-dialog-clock-hint { padding-top: 48px; color: rgba(255, 255, 255, 0.7); font-weight: normal; } .unlock-dialog-notifications-container { width: 23em; margin: 12px 0; spacing: 6px; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.04); color: white; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.04); color: #F28B82; } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { margin-right: 12px; padding: 2px 8px; border-radius: 99px; background-color: rgba(255, 255, 255, 0.08); color: white; } #lockDialogGroup { background-color: #181818; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.36/gnome-shell-dark-compact.scss000066400000000000000000000004711363503524500255420ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'true'; $version: 3.36; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.36/gnome-shell-dark.css000066400000000000000000002153711363503524500237420ustar00rootroot00000000000000/* 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. */ stage { color: rgba(255, 255, 255, 0.87); font-size: 1em; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #8AB4F8; } .shell-link:hover { background-color: rgba(138, 180, 248, 0.08); color: #8AB4F8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(138, 180, 248, 0.2); color: #8AB4F8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(255, 255, 255, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #FDD633; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(255, 255, 255, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .button:insensitive { color: rgba(255, 255, 255, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:hover StBin { background-color: rgba(138, 180, 248, 0.08); } .check-box:checked:active StBin { background-color: rgba(138, 180, 248, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(255, 255, 255, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #8AB4F8; } /* 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: 4px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 0.87); } #overview StScrollBar StBin#trough, #unlockDialogNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #unlockDialogNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #unlockDialogNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #unlockDialogNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #unlockDialogNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #unlockDialogNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #unlockDialogNotifications StScrollBar StButton#hhandle:active { background-color: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(255, 255, 255, 0.87); } .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(138, 180, 248, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(138, 180, 248, 0.4); } .popup-menu-item:checked:active { background-color: rgba(138, 180, 248, 0.6); } .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-inactive-menu-item { color: rgba(255, 255, 255, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { padding: 0; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; margin: 8px 0; background-color: rgba(255, 255, 255, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { margin: 8px 0; background-color: rgba(255, 255, 255, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr { margin-right: 32px; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl { margin-left: 32px; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(255, 255, 255, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .calendar .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .pager-button:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .pager-button:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(255, 255, 255, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(255, 255, 255, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(255, 255, 255, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #8AB4F8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(255, 255, 255, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(255, 255, 255, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(255, 255, 255, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-controls { margin: 8px 8px 0; padding: 0; spacing: 8px; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-close-button { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active { color: rgba(255, 255, 255, 0.6); } .message .message-close-button:focus { background-color: rgba(255, 255, 255, 0.12); } .message .message-close-button:hover { background-color: rgba(255, 255, 255, 0.08); } .message .message-close-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .message .message-body { color: rgba(255, 255, 255, 0.6); } .url-highlighter { link-color: #8AB4F8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(255, 255, 255, 0.6); } .message-media-control:focus { background-color: rgba(255, 255, 255, 0.12); } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.08); } .message-media-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(255, 255, 255, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .modal-dialog .modal-dialog-content-box { max-width: 28em; margin: 32px 40px; spacing: 32px; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #FDD633; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { font-size: 15pt; font-weight: 500; text-align: inherit; } .message-dialog-content .message-dialog-title.leightweight { font-size: 15pt; font-weight: 500; } .message-dialog-content .message-dialog-description { color: rgba(255, 255, 255, 0.6); text-align: inherit; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 16px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: inherit; color: rgba(255, 255, 255, 0.6); font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; text-align: inherit; } .prompt-dialog-error-label { color: #F28B82; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: inherit; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #FDD633; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(255, 255, 255, 0.12); } .audio-selection-device:hover { background-color: rgba(255, 255, 255, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:hover { background-color: rgba(255, 255, 255, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .nm-dialog-item:selected { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(255, 255, 255, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(138, 180, 248, 0.24); color: inherit; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.12); } .switcher-arrow { transition-duration: 100ms; border-color: transparent; color: rgba(255, 255, 255, 0.6); } .switcher-arrow:highlighted { color: rgba(255, 255, 255, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #8AB4F8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #8AB4F8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #FDD633; } #panel:overview, #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked { color: white; } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(255, 255, 255, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-color: white; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .user-icon StIcon { background-color: rgba(255, 255, 255, 0.08); border-radius: 9999px; } .user-widget.vertical .user-icon { icon-size: 128px; } .user-widget.vertical .user-icon StIcon { width: 64px; height: 64px; padding: 32px; } .user-widget.horizontal .user-icon { icon-size: 64px; } .user-widget.horizontal .user-icon StIcon { width: 32px; height: 32px; padding: 16px; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #FDD633; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(138, 180, 248, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(138, 180, 248, 0.24); } .magnifier-zoom-region { border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(255, 255, 255, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(255, 255, 255, 0.87); background-color: #343434; 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, .keyboard-key.default-key:active { color: rgba(255, 255, 255, 0.87); background-color: rgba(92, 92, 92, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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.enter-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .keyboard-key.shift-key-uppercase { color: #8AB4F8; } .keyboard-key StIcon { icon-size: 32px; } .keyboard-subkeys { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #343434; color: rgba(255, 255, 255, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #8AB4F8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(52, 52, 52, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(255, 255, 255, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #8AB4F8; background-color: rgba(52, 52, 52, 0.01); color: rgba(255, 255, 255, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #8AB4F8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #343434; color: rgba(255, 255, 255, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; 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: rgba(0, 0, 0, 0.87); background-color: rgba(111, 145, 199, 0.9688); 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; width: 23em; } .login-dialog-message { text-align: center; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.08); } .user-widget-label { color: inherit; } .user-widget.horizontal .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; } .user-widget.vertical .user-widget-label { padding-top: 16px; font-size: 18pt; font-weight: 400; text-align: center; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .unlock-dialog-clock { padding-bottom: 2.5em; spacing: 24px; color: white; font-weight: normal; text-align: center; } .unlock-dialog-clock-time { padding-top: 42px; font-size: 96px; font-weight: 300; font-feature-settings: "tnum"; } .unlock-dialog-clock-date { font-size: 34px; font-weight: 400; } .unlock-dialog-clock-hint { padding-top: 48px; color: rgba(255, 255, 255, 0.7); font-weight: normal; } .unlock-dialog-notifications-container { width: 23em; margin: 12px 0; spacing: 6px; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.04); color: white; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.04); color: #F28B82; } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { margin-right: 12px; padding: 2px 8px; border-radius: 99px; background-color: rgba(255, 255, 255, 0.08); color: white; } #lockDialogGroup { background-color: #181818; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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(255, 255, 255, 0.87); selection-background-color: rgba(138, 180, 248, 0.24); selected-color: rgba(255, 255, 255, 0.87); transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #8AB4F8; color: rgba(255, 255, 255, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.87); } materia-theme-20200320/src/gnome-shell/3.36/gnome-shell-dark.scss000066400000000000000000000004721363503524500241170ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'false'; $version: 3.36; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.36/gnome-shell-light-compact.css000066400000000000000000002135501363503524500255510ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 1em; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 32px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 32px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 4px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 4px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 4px; border-radius: 16px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #unlockDialogNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #unlockDialogNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #unlockDialogNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #unlockDialogNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #unlockDialogNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #unlockDialogNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #unlockDialogNotifications StScrollBar StButton#hhandle:active { background-color: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { padding: 0; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; margin: 8px 0; background-color: rgba(0, 0, 0, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { margin: 8px 0; background-color: rgba(0, 0, 0, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr { margin-right: 32px; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl { margin-left: 32px; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 8px; padding-right: 8px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 48px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 16px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 28px; height: 28px; margin: 2px; padding: 0; border: 0; border-radius: 14px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 14px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 20px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 20px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-controls { margin: 8px 8px 0; padding: 0; spacing: 8px; } .message { min-height: 56px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 40px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-close-button { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active { color: rgba(0, 0, 0, 0.6); } .message .message-close-button:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-close-button:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-close-button:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 28px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 56px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { max-width: 28em; margin: 32px 40px; spacing: 32px; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #F4B400; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { font-size: 15pt; font-weight: 500; text-align: inherit; } .message-dialog-content .message-dialog-title.leightweight { font-size: 15pt; font-weight: 500; } .message-dialog-content .message-dialog-description { color: rgba(0, 0, 0, 0.6); text-align: inherit; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 16px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: inherit; color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; text-align: inherit; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: inherit; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 28px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 8px; -minimum-hpadding: 4px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked { color: white; } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 16px; height: 32px; width: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 11.25pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-color: white; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .user-icon StIcon { background-color: rgba(0, 0, 0, 0.08); border-radius: 9999px; } .user-widget.vertical .user-icon { icon-size: 128px; } .user-widget.vertical .user-icon StIcon { width: 64px; height: 64px; padding: 32px; } .user-widget.horizontal .user-icon { icon-size: 64px; } .user-widget.horizontal .user-icon StIcon { width: 32px; height: 32px; padding: 16px; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.shift-key-uppercase { color: #1A73E8; } .keyboard-key StIcon { icon-size: 32px; } .keyboard-subkeys { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 32px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; width: 23em; } .login-dialog-message { text-align: center; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.08); } .user-widget-label { color: inherit; } .user-widget.horizontal .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; } .user-widget.vertical .user-widget-label { padding-top: 16px; font-size: 18pt; font-weight: 400; text-align: center; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; border-radius: 16px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .unlock-dialog-clock { padding-bottom: 2.5em; spacing: 24px; color: white; font-weight: normal; text-align: center; } .unlock-dialog-clock-time { padding-top: 42px; font-size: 96px; font-weight: 300; font-feature-settings: "tnum"; } .unlock-dialog-clock-date { font-size: 34px; font-weight: 400; } .unlock-dialog-clock-hint { padding-top: 48px; color: rgba(255, 255, 255, 0.7); font-weight: normal; } .unlock-dialog-notifications-container { width: 23em; margin: 12px 0; spacing: 6px; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.04); color: white; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.04); color: #F28B82; } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { margin-right: 12px; padding: 2px 8px; border-radius: 99px; background-color: rgba(255, 255, 255, 0.08); color: white; } #lockDialogGroup { background-color: #181818; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.36/gnome-shell-light-compact.scss000066400000000000000000000004731363503524500257320ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'true'; $version: 3.36; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.36/gnome-shell-light.css000066400000000000000000002135421363503524500241260ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 1em; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #unlockDialogNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #unlockDialogNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #unlockDialogNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #unlockDialogNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #unlockDialogNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #unlockDialogNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #unlockDialogNotifications StScrollBar StButton#hhandle:active { background-color: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { padding: 0; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; margin: 8px 0; background-color: rgba(0, 0, 0, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { margin: 8px 0; background-color: rgba(0, 0, 0, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr { margin-right: 32px; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl { margin-left: 32px; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-controls { margin: 8px 8px 0; padding: 0; spacing: 8px; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-close-button { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active { color: rgba(0, 0, 0, 0.6); } .message .message-close-button:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-close-button:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-close-button:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { max-width: 28em; margin: 32px 40px; spacing: 32px; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #F4B400; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { font-size: 15pt; font-weight: 500; text-align: inherit; } .message-dialog-content .message-dialog-title.leightweight { font-size: 15pt; font-weight: 500; } .message-dialog-content .message-dialog-description { color: rgba(0, 0, 0, 0.6); text-align: inherit; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 16px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: inherit; color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; text-align: inherit; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: inherit; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 -2px white; background-color: rgba(0, 0, 0, 0.01); } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked { color: white; } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-color: white; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .user-icon StIcon { background-color: rgba(0, 0, 0, 0.08); border-radius: 9999px; } .user-widget.vertical .user-icon { icon-size: 128px; } .user-widget.vertical .user-icon StIcon { width: 64px; height: 64px; padding: 32px; } .user-widget.horizontal .user-icon { icon-size: 64px; } .user-widget.horizontal .user-icon StIcon { width: 32px; height: 32px; padding: 16px; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.shift-key-uppercase { color: #1A73E8; } .keyboard-key StIcon { icon-size: 32px; } .keyboard-subkeys { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; width: 23em; } .login-dialog-message { text-align: center; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.08); } .user-widget-label { color: inherit; } .user-widget.horizontal .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; } .user-widget.vertical .user-widget-label { padding-top: 16px; font-size: 18pt; font-weight: 400; text-align: center; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .unlock-dialog-clock { padding-bottom: 2.5em; spacing: 24px; color: white; font-weight: normal; text-align: center; } .unlock-dialog-clock-time { padding-top: 42px; font-size: 96px; font-weight: 300; font-feature-settings: "tnum"; } .unlock-dialog-clock-date { font-size: 34px; font-weight: 400; } .unlock-dialog-clock-hint { padding-top: 48px; color: rgba(255, 255, 255, 0.7); font-weight: normal; } .unlock-dialog-notifications-container { width: 23em; margin: 12px 0; spacing: 6px; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.04); color: white; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.04); color: #F28B82; } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { margin-right: 12px; padding: 2px 8px; border-radius: 99px; background-color: rgba(255, 255, 255, 0.08); color: white; } #lockDialogGroup { background-color: #181818; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.36/gnome-shell-light.scss000066400000000000000000000004741363503524500243070ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'false'; $version: 3.36; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/3.36/gnome-shell.css000066400000000000000000002135351363503524500230230ustar00rootroot00000000000000/* 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. */ stage { color: rgba(0, 0, 0, 0.87); font-size: 1em; } .shell-link { transition-duration: 100ms; border-radius: 4px; color: #1A73E8; } .shell-link:hover { background-color: rgba(26, 115, 232, 0.08); color: #1A73E8; } .shell-link:active { transition-duration: 200ms; background-color: rgba(26, 115, 232, 0.2); color: #1A73E8; } .lowres-icon { icon-shadow: none; } .icon-dropshadow { icon-shadow: none; } /* Entries */ .lg-dialog StEntry, StEntry { min-height: 36px; padding: 0 8px; border-width: 0; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .lg-dialog StEntry:hover, StEntry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .lg-dialog StEntry:focus, StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; } .lg-dialog StEntry:insensitive, StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .lg-dialog StEntry StIcon.capslock-warning, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 4px; warning-color: #F4B400; } .lg-dialog StEntry StIcon.peek-password, StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .lg-dialog StEntry StIcon.peek-password:hover, StEntry StIcon.peek-password:hover { color: rgba(0, 0, 0, 0.87); } .lg-dialog StEntry StLabel.hint-text, StEntry StLabel.hint-text { margin-left: 2px; color: rgba(0, 0, 0, 0.6); } /* Buttons */ .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button, .button { min-height: 36px; min-width: 48px; padding: 0 8px; border: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus, .button:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover, .button:hover { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active, .button:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive, .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; } .notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button { margin: 6px; margin-right: 0; } .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { border-radius: 4px; } .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child { margin-right: 6px; border-right-width: 0; } /* Check Boxes */ .check-box StBoxLayout { spacing: 8px; } .check-box StBin { transition-duration: 100ms; width: 24px; height: 24px; padding: 6px; border-radius: 18px; } .check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.08); } .check-box:active StBin { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .check-box:checked StBin, .check-box:checked:focus StBin { background-image: url("assets/checkbox.svg"); } .check-box:checked:focus StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:hover StBin { background-color: rgba(26, 115, 232, 0.08); } .check-box:checked:active StBin { background-color: rgba(26, 115, 232, 0.2); } /* Switches */ .toggle-switch { color: inherit; width: 40px; height: 20px; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } /* Slider */ .slider { height: 20px; -barlevel-height: 2px; -barlevel-border-width: 0; -barlevel-border-color: transparent; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-active-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 6px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } .slider, .slider:hover, .slider:active { color: #1A73E8; } /* 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: 4px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { transition-duration: 100ms; margin: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.38); } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #unlockDialogNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #unlockDialogNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #unlockDialogNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #unlockDialogNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #unlockDialogNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #unlockDialogNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #unlockDialogNotifications StScrollBar StButton#hhandle:active { background-color: white; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 20px; -arrow-box-shadow: none; -arrow-background-color: transparent; } .popup-menu { min-width: 15em; border-color: transparent; color: inherit; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; padding: 8px 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .popup-menu-item { spacing: 8px; padding: 0; transition-duration: 100ms; } .popup-menu-item:ltr { padding: 0.4em; padding-right: 24px; padding-left: 0; } .popup-menu-item:rtl { padding: 0.4em; padding-right: 0; padding-left: 24px; } .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.08); transition-duration: 0ms; } .popup-menu-item.selected, .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.87); transition-duration: 200ms; } .popup-menu-item:checked { box-shadow: none; background-color: rgba(26, 115, 232, 0.24); font-weight: normal; } .popup-menu-item:checked.selected { background-color: rgba(26, 115, 232, 0.4); } .popup-menu-item:checked:active { background-color: rgba(26, 115, 232, 0.6); } .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu-arrow { icon-size: 16px; } .popup-menu-icon { icon-size: 16px; } .popup-sub-menu { border-top: 0; border-bottom: 0; padding-bottom: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.04); } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-separator-menu-item { padding: 0; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; margin: 8px 0; background-color: rgba(0, 0, 0, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { margin: 8px 0; background-color: rgba(0, 0, 0, 0.12); } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr { margin-right: 32px; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl { margin-left: 32px; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0; margin: 0 4px; -st-icon-style: symbolic; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { padding-left: 16px; margin-left: 16px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 16px; margin-right: 16px; } /* Date/Time Menu */ .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message { margin: 0; border: 0; border-radius: 4px; } .events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { border-color: transparent; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover { background-color: rgba(0, 0, 0, 0.08); } .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .clock-display-box { spacing: 0; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } #calendarArea { padding: 8px 16px; } .datemenu-calendar-column { spacing: 8px; padding: 0; border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { margin-right: 0; border-left-width: 0; } .datemenu-calendar-column:rtl { margin-left: 0; border-right-width: 0; } .datemenu-calendar-column .datemenu-displays-section { padding-bottom: 0; } .datemenu-calendar-column .datemenu-displays-box { spacing: 8px; margin: 0 8px; } .events-section-title { min-height: 24px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6) !important; font-weight: bold; } /* today button (the date) */ .datemenu-today-button { margin: 0 8px; min-height: 56px; padding: 4px 8px; } .datemenu-today-button .day-label { font-weight: normal; font-size: 1em; } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } /* Calendar */ .calendar { margin: 0 8px; margin-bottom: 0; padding: 0; } .calendar .calendar-month-label { transition-duration: 100ms; height: 20px; margin: 2px; padding: 6px 8px; border-radius: 4px; color: inherit; font-weight: bold; text-align: center; } .calendar .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-change-month-back StIcon, .calendar .calendar-change-month-forward StIcon { icon-size: 16px; } .calendar .pager-button { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.6); } .calendar .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .pager-button:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .pager-button:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .calendar .calendar-day-base { transition-duration: 100ms; width: 32px; height: 32px; margin: 2px; padding: 0; border: 0; border-radius: 16px; font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; text-align: center; } .calendar .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day-base:hover { background-color: rgba(0, 0, 0, 0.08); } .calendar .calendar-day-base:active { transition-duration: 200ms; border-color: transparent; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-day-base:selected { border-color: transparent; background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar .calendar-day-base.calendar-day-heading:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar .calendar-day { border-width: 0; } .calendar .calendar-day-top { border-top-width: 0; } .calendar .calendar-day-left { border-left-width: 0; } .calendar .calendar-nonwork-day { color: inherit; } .calendar .calendar-today { border: 0; background-color: transparent; color: inherit; font-weight: bold !important; } .calendar .calendar-today:focus { background-color: rgba(0, 0, 0, 0.12); color: inherit; } .calendar .calendar-today:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { background-color: rgba(0, 0, 0, 0.2); color: inherit; } .calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .calendar .calendar-day-with-events { background-image: none; color: #1A73E8 !important; font-weight: normal; text-decoration: underline; } .calendar .calendar-other-month-day { color: rgba(0, 0, 0, 0.26) !important; } .calendar .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 16px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 1em; text-align: center; } /* World clocks */ .world-clocks-button { min-height: 24px; padding: 4px 8px; } .world-clocks-button .world-clocks-grid { spacing-rows: .4em; spacing-columns: .8em; } .world-clocks-button .world-clocks-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .world-clocks-button .world-clocks-city { color: inherit; font-weight: normal; font-size: 1em; } .world-clocks-button .world-clocks-time { color: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 1em; font-feature-settings: "tnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: rgba(0, 0, 0, 0.38); font-size: 1em; font-feature-settings: "tnum"; } /* Weather */ .weather-button { min-height: 24px; padding: 4px 8px; } .weather-button .weather-box { spacing: 0.4em; } .weather-button .weather-header-box { spacing: 8px; } .weather-button .weather-header { color: rgba(0, 0, 0, 0.6); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; font-size: 1em; } .weather-button .weather-grid { spacing-rows: .4em; spacing-columns: .8em; } .weather-button .weather-forecast-time { padding-top: 0; padding-bottom: 0; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; font-feature-settings: "tnum"; } .weather-button .weather-forecast-icon { icon-size: 32px; } .weather-button .weather-forecast-temp { font-weight: bold; } /* Message List */ .message-list { width: 31.5em; padding: 0; } .message-list .message-list-placeholder { spacing: 12px; } .message-list-sections { spacing: 8px; margin: 0 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .message-list-controls { margin: 8px 8px 0; padding: 0; spacing: 8px; } .message { min-height: 64px; } .message .message-icon-bin { padding: 12px 0 12px 12px; } .message .message-icon-bin:rtl { padding: 12px 12px 12px 0; } .message .message-icon-bin > StIcon { -st-icon-style: requested; icon-size: 16px; color: inherit; } .message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { margin: 0; } .message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; } .message .message-content { min-height: 48px; padding: 8px; spacing: 0; color: inherit; font-size: 1em; } .message .message-title { min-height: 22px; padding-top: 2px; color: inherit; font-weight: bold; font-size: 1em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.6); font-size: 1em; text-align: right; padding-bottom: 0; } .message .message-secondary-bin > StIcon { icon-size: 16px; } .message .message-close-button { transition-duration: 100ms; icon-size: 16px; padding: 4px; border-radius: 12px; } .message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active { color: rgba(0, 0, 0, 0.6); } .message .message-close-button:focus { background-color: rgba(0, 0, 0, 0.12); } .message .message-close-button:hover { background-color: rgba(0, 0, 0, 0.08); } .message .message-close-button:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .message .message-body { color: rgba(0, 0, 0, 0.6); } .url-highlighter { link-color: #1A73E8; } /* Media Controls */ .message-media-control { transition-duration: 100ms; margin: 16px 0; padding: 8px; border-radius: 16px; } .message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { color: rgba(0, 0, 0, 0.6); } .message-media-control:focus { background-color: rgba(0, 0, 0, 0.12); } .message-media-control:hover { background-color: rgba(0, 0, 0, 0.08); } .message-media-control:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; border-radius: 16px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; border-radius: 16px; } .media-message-cover-icon { icon-size: 32px !important; margin: 4px 0 !important; border-radius: 0; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38) !important; } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.6); } .candidate-box { transition-duration: 100ms; min-height: 32px; padding: 0 8px; border-radius: 4px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; transition-duration: 0ms; } .candidate-box:active { background-color: rgba(0, 0, 0, 0.2); transition-duration: 200ms; } .candidate-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; transition-duration: 0ms; } .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-right-width: 0; border-radius: 4px; } .candidate-page-button-next { border-radius: 4px; } .candidate-page-button-icon { icon-size: 16px; } /* Notifications & Mesage Tray */ .notification-banner { min-height: 64px; width: 34em; margin: 5px; border: 0; border-radius: 4px; font-size: 1em; } .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-actions { spacing: 0; padding-top: 0; border-top: 0; background-color: transparent; color: inherit; } .summary-source-counter { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; height: 1.6em; width: 1.6em; border: 0; border-radius: .8em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #1A73E8; color: white; font-weight: bold; font-size: 1em; } .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: 0; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .modal-dialog { border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .modal-dialog .modal-dialog-content-box { max-width: 28em; margin: 32px 40px; spacing: 32px; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #F4B400; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { font-size: 15pt; font-weight: 500; text-align: inherit; } .message-dialog-content .message-dialog-title.leightweight { font-size: 15pt; font-weight: 500; } .message-dialog-content .message-dialog-description { color: rgba(0, 0, 0, 0.6); text-align: inherit; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: inherit; font-weight: bold; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 16px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: inherit; color: rgba(0, 0, 0, 0.6); font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { font-size: 1em; text-align: inherit; } .prompt-dialog-error-label { color: #D93025; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: inherit; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-icon { border-radius: 9999px; background-size: contain; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #F4B400; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { transition-duration: 100ms; border: 0; border-radius: 4px; } .audio-selection-device:focus { background-color: rgba(0, 0, 0, 0.12); } .audio-selection-device:hover { background-color: rgba(0, 0, 0, 0.08); } .audio-selection-device:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); color: inherit; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Network Dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: inherit; } .nm-dialog-airplane-text { color: inherit; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { border: 0; padding: 0; background-color: transparent; } .nm-dialog-item { transition-duration: 100ms; padding: 12px; spacing: 20px; border-bottom: 0; border-radius: 4px; font-size: 1em; } .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:hover { background-color: rgba(0, 0, 0, 0.08); } .nm-dialog-item:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } .nm-dialog-item:selected { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } .nm-dialog-icon { icon-size: 16px; } .nm-dialog-icons { spacing: .5em; } .no-networks-label { color: rgba(0, 0, 0, 0.6); } .no-networks-box { spacing: 12px; } /* OSD */ .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 12px; border: none; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .osd-window { text-align: center; font-weight: bold; spacing: 12px; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window StIcon { icon-size: 96px; } .osd-window .osd-monitor-label { font-size: 48px; font-weight: 400; } .osd-window .level { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } /* 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 .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { transition-duration: 100ms; padding: 8px; border: 0; border-radius: 4px; } .switcher-list .item-box:outlined { padding: 8px; border: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: inherit; } .switcher-list .item-box:selected { background-color: rgba(26, 115, 232, 0.24); color: inherit; } .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 { transition-duration: 100ms; border-color: transparent; color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { width: 96px; height: 96px; font-size: 48px; font-weight: 400; } .cycler-highlight { border: 4px solid #1A73E8; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0; border-radius: 0; padding: 0; spacing: 8px; } .ws-switcher-box { height: 48px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); background-size: 0; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 48px; border: 0; border-radius: 4px; background-color: #1A73E8; background-size: 0; color: inherit; } /* Top Bar */ #panel { transition-duration: 250ms; height: 32px; background-color: #1F1F1F; font-weight: bold; font-feature-settings: "tnum"; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; color: rgba(255, 255, 255, 0.7); text-shadow: none; font-weight: bold; } #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: white; 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 { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); color: white; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; background-color: transparent; } #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { box-shadow: inset 0 -2px white; background-color: rgba(31, 31, 31, 0.01); } #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 4px; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #F4B400; } #panel:overview, #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: rgba(255, 255, 255, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked { color: white; } #appMenu { spacing: 4px; } #appMenu .label-shadow { color: transparent; } /* Activities Ripple */ .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; box-shadow: none; 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; } /* OVERVIEW */ #overview { spacing: 24px; background-color: transparent; color: white; } .overview-controls { padding-bottom: 32px; } #dash, .workspace-thumbnails { transition-duration: 250ms; border: 0; background-color: rgba(255, 255, 255, 0.08); color: white; } .search-statustext, .no-frequent-applications-label { font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon { padding: 6px; border: 0; border-radius: 4px; background-color: transparent; color: inherit; text-align: center; transition-duration: 100ms; } .search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.12); color: inherit; transition-duration: 0ms; } .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon { border-image: none; background-image: none; background-color: rgba(255, 255, 255, 0.08); color: inherit; transition-duration: 0ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; transition-duration: 200ms; } /* Window Picker */ .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: 4px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 0; padding: 4px 8px; border: 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1em; font-weight: normal; } .window-close { -shell-close-overlap: 18px; height: 36px; width: 36px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; -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 { border-color: transparent; background-color: transparent; color: transparent; background-image: url("assets/window-close-active.svg"); } .search-entry { width: 304px; padding: 0 8px; border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:hover { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.5); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px white; padding: 0 8px; border: 0; color: white; } .search-entry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: rgba(255, 255, 255, 0.7); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: white; } /* Search */ #searchResultsContent { max-width: 1024px; } #searchResultsContent { padding-left: 16px; padding-right: 16px; spacing: 16px; } .search-section { spacing: 16px; } .search-section .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .search-section:last-child .search-section-separator { height: 0; background-color: transparent; } .search-section-content { spacing: 32px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; color: inherit; text-shadow: none; } .search-provider-icon .list-search-provider-content { spacing: 20px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 150px; margin-top: 0; color: rgba(255, 255, 255, 0.7); } .list-search-results { spacing: 4px; } .list-search-result .list-search-result-content { spacing: 30px; } .list-search-result .list-search-result-title { spacing: 12px; color: inherit; font-size: 12pt; font-weight: 400; } .list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.7); } /* App Grid */ .icon-grid { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; spacing: 32px; } .icon-grid .overview-icon { icon-size: 96px; } /* App Icons */ .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label { padding: 8px; spacing: 0; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout, .app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 4px; } /* App Folders */ .app-well-app.app-folder { border-radius: 4px; background-color: rgba(255, 255, 255, 0.08); } .app-folder-dialog { spacing: 12px; border: 0; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-size: 15pt; font-weight: 500; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 0 8px; color: inherit; } .app-folder-dialog .folder-name-container .edit-folder-button { width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; } .app-folder-dialog .app-well-app:focus .overview-icon { background-color: rgba(0, 0, 0, 0.12); } .app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { background-color: rgba(0, 0, 0, 0.08); } .app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { background-color: rgba(0, 0, 0, 0.2); } .app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; } .app-folder-icon { padding: 5px; spacing-rows: 10px; spacing-columns: 10px; } .app-well-app-running-dot { height: 2px; width: 32px; margin-bottom: 0; border-radius: 0; background-color: white; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .app-menu, .app-well-menu { max-width: 27.25em; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-color: white; } .all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px; } .system-action-icon { icon-size: 48px; border-radius: 9999px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: white; } /* Frequent | All toggle */ .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { margin: 0; padding: 0 8px; } .app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .app-view-control:hover { background-color: rgba(255, 255, 255, 0.08); } .app-view-control:active { background-color: rgba(255, 255, 255, 0.2); transition-duration: 200ms; } .app-view-control:checked { box-shadow: inset 0 2px 0 white; background-color: rgba(0, 0, 0, 0.01); color: white; } .app-view-control:focus { background-color: rgba(255, 255, 255, 0.12); } .app-view-control:first-child { border-right-width: 0; border-radius: 4px; } .app-view-control:last-child { border-radius: 4px; } .app-view-control:checked { border-radius: 0; } /* Dash */ #dash { font-size: 1em; padding: 3px 0; border-left-width: 0; border-radius: 0 4px 4px 0; } #dash:rtl { border-right-width: 0; border-radius: 4px 0 0 4px; } #dash .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { padding: 7px 8px; border: 0; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); text-align: center; -x-offset: 8px; } .show-apps { color: rgba(255, 255, 255, 0.7); } .show-apps:checked { color: white; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-right-width: 0; border-radius: 4px 0 0 4px; } .workspace-thumbnails:rtl { border-left-width: 0; border-radius: 0 4px 4px 0; } .workspace-thumbnails .placeholder { height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: contain; } .workspace-thumbnail-indicator { padding: 6px 10px; border: 0 solid white; border-left-width: 2px; border-radius: 0; } .select-area-rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .user-icon { border: 0; border-radius: 9999px; background-size: contain; color: inherit; } .user-icon:hover { border-color: transparent; color: inherit; } .user-icon StIcon { background-color: rgba(0, 0, 0, 0.08); border-radius: 9999px; } .user-widget.vertical .user-icon { icon-size: 128px; } .user-widget.vertical .user-icon StIcon { width: 64px; height: 64px; padding: 32px; } .user-widget.horizontal .user-icon { icon-size: 64px; } .user-widget.horizontal .user-icon StIcon { width: 32px; height: 32px; padding: 16px; } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: transparent; } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 1em; color: #F4B400; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; box-shadow: none; background-color: rgba(26, 115, 232, 0.24); } .pie-timer { width: 60px; height: 60px; -pie-border-width: 0; -pie-border-color: transparent; -pie-background-color: rgba(26, 115, 232, 0.24); } .magnifier-zoom-region { border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { border-width: 0; } /* Tiled window previews */ .tile-preview { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } .tile-preview-left.on-primary { border-radius: 0; } .tile-preview-right.on-primary { border-radius: 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); box-shadow: none; } #keyboard .page-indicator { padding: 4px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 1.2em; min-width: 1.2em; font-size: 2em; font-weight: 500; border: 0; border-width: 0; border-style: none; border-radius: 4px; } .keyboard-key, .keyboard-key.default-key { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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; transition-duration: 100ms; } .keyboard-key:focus, .keyboard-key.default-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; 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, .keyboard-key.default-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(205, 205, 205, 0.9688); 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; transition-duration: 200ms; } .keyboard-key:grayed { border-color: transparent; background-color: rgba(0, 0, 0, 0.3); color: white; } .keyboard-key.enter-key { color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { color: white; background-color: #1A73E8; 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.enter-key:active { color: white; background-color: #5195ee; 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; transition-duration: 200ms; } .keyboard-key.shift-key-uppercase { color: #1A73E8; } .keyboard-key StIcon { icon-size: 32px; } .keyboard-subkeys { -boxpointer-gap: 5px; -arrow-base: 0; -arrow-rise: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-border-radius: 0; -arrow-background-color: transparent; padding: 5px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .keyboard-subkeys .keyboard-key { border-radius: 4px; color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .keyboard-subkeys .keyboard-key:focus { color: #1A73E8; background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .keyboard-subkeys .keyboard-key:active { color: #1A73E8; background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-page .keyboard-key { border: 0; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .emoji-page .keyboard-key:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .emoji-page .keyboard-key:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .emoji-page .keyboard-key:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .emoji-panel .keyboard-key:latched { border-color: transparent; background-color: #1A73E8; color: white; } .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 20pt; } /* Looking Glass */ #LookingGlassDialog { spacing: 0; padding: 0; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: 0; border-radius: 0; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.01); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 100ms; min-height: 36px; padding-left: 32px; padding-right: 32px; border: 0; color: rgba(0, 0, 0, 0.6); font-weight: bold; } #LookingGlassDialog .notebook-tab:hover { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.6); text-shadow: none; } #LookingGlassDialog .notebook-tab:active { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.2); } #LookingGlassDialog .notebook-tab:selected { border: 0; box-shadow: inset 0 -2px #1A73E8; background-color: rgba(255, 255, 255, 0.01); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 8px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #1A73E8; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button, .lg-obj-inspector-button:hover { border: 0; } #Windows { padding: 8px; } #lookingGlassExtensions { padding: 8px; } .lg-extensions-list { padding: 0; spacing: 6px; } .lg-extension { padding: 4px; border: 0; border-radius: 0; background-color: transparent; } .lg-extension-name { font-size: 15pt; font-weight: 500; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { padding: 6px; border: 0; border-radius: 4px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: 0; background-color: transparent; } .login-dialog StEntry { transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); color: white; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: white; } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px white; } .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 StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password { color: rgba(255, 255, 255, 0.7); } .login-dialog StEntry StIcon.peek-password:hover { color: white; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 100ms; } .login-dialog .modal-dialog-button:focus { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .login-dialog .modal-dialog-button:hover { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; transition-duration: 200ms; } .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 { min-width: 32px; padding: 0 16px; color: white; background-color: #1A73E8; 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; transition-duration: 100ms; } .login-dialog .modal-dialog-button:default:focus { color: white; text-shadow: none; icon-shadow: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .login-dialog .modal-dialog-button:default:hover { color: white; background-color: #1A73E8; 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: white; background-color: #5195ee; 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; transition-duration: 200ms; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; width: 23em; } .login-dialog-message { text-align: center; } .caps-lock-warning-label, .login-dialog-message-warning { color: #F28B82; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-selection-box { padding: 100px 0; } .login-dialog-not-listed-button { transition-duration: 100ms; min-height: 32px; padding: 0 8px; margin-top: 1em; border-radius: 4px; color: rgba(255, 255, 255, 0.7); font-size: 10.5pt; font-weight: 500; } .login-dialog-not-listed-button:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-not-listed-button:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-not-listed-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; } .login-dialog-user-list-item { transition-duration: 100ms; padding: 6px; border-radius: 4px; color: inherit; } .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.08); } .login-dialog-user-list-item:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; } .login-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.08); } .user-widget-label { color: inherit; } .user-widget.horizontal .user-widget-label { padding-left: 16px; font-size: 15pt; font-weight: 500; text-align: left; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; } .user-widget.vertical .user-widget-label { padding-top: 16px; font-size: 18pt; font-weight: 400; text-align: center; } .login-dialog-prompt-layout { width: 23em; padding-top: 24px; padding-bottom: 12px; spacing: 8px; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.7); font-size: 1em; padding-top: 1em; } .cancel-button, .switch-user-button, .login-dialog-session-list-button { transition-duration: 100ms; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; border-radius: 18px; color: rgba(255, 255, 255, 0.7); } .cancel-button:focus, .switch-user-button:focus, .login-dialog-session-list-button:focus { background-color: rgba(255, 255, 255, 0.12); } .cancel-button:hover, .switch-user-button:hover, .login-dialog-session-list-button:hover { background-color: rgba(255, 255, 255, 0.08); } .cancel-button:active, .switch-user-button:active, .login-dialog-session-list-button:active { transition-duration: 200ms; background-color: rgba(255, 255, 255, 0.2); } .cancel-button StIcon, .switch-user-button StIcon, .login-dialog-session-list-button StIcon { icon-size: 16px; } /* Screen Shield */ .unlock-dialog-clock { padding-bottom: 2.5em; spacing: 24px; color: white; font-weight: normal; text-align: center; } .unlock-dialog-clock-time { padding-top: 42px; font-size: 96px; font-weight: 300; font-feature-settings: "tnum"; } .unlock-dialog-clock-date { font-size: 34px; font-weight: 400; } .unlock-dialog-clock-hint { padding-top: 48px; color: rgba(255, 255, 255, 0.7); font-weight: normal; } .unlock-dialog-notifications-container { width: 23em; margin: 12px 0; spacing: 6px; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 8px; border: 0; border-radius: 4px; background-color: rgba(255, 255, 255, 0.04); color: white; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.04); color: #F28B82; } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { margin-right: 12px; padding: 2px 8px; border-radius: 99px; background-color: rgba(255, 255, 255, 0.08); color: white; } #lockDialogGroup { background-color: #181818; color: white; } .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); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.08); } #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 .focused .overview-icon { background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { background-color: transparent; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .default { background-size: cover; } #dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .default.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: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:hover { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.6); } .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-20200320/src/gnome-shell/3.36/gnome-shell.scss000066400000000000000000000004731363503524500232010ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'false'; $version: 3.36; @import '../../_sass/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/components'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20200320/src/gnome-shell/README.md000066400000000000000000000037751363503524500207700ustar00rootroot00000000000000# How to change the GDM theme To change the GDM (lock/login screen) theme, you need to replace the system's _default_ GNOME Shell theme. ## :warning: Cautions :warning: - If the replacement fails, your desktop environment will not work properly. So please **be careful** if doing this. - When applying this, other third-party GNOME Shell themes would look broken until you restore to the original theme. - If GNOME Shell has been updated and restored to the original theme, you will need to install this again. > Note: On Arch Linux, you can automatically reinstall the GDM theme by creating a [hook](https://wiki.archlinux.org/index.php/Pacman#Hooks) file. For example, if you use Materia-compact as your GDM theme, put [this file](https://gist.github.com/looselyrigorous/a1aa931ce48627cc39daccc9253b30c7) in the `/usr/share/libalpm/hooks/` directory. ## Requirements - `glib-compile-resources` — The package name depends on the distro. - `glib2` (Arch Linux) - `glib2-devel` (Fedora, openSUSE, etc.) - `libglib2.0-dev-bin` (Debian, Ubuntu, etc.) - `libxml2-utils` — Ubuntu users only. ## Installation 1. **Back up** the original theme file first. If you are already using a custom GDM theme, skip this: ```sh sudo cp -av /usr/share/gnome-shell/gnome-shell-theme.gresource{,~} ``` 2. Select a **GTK** theme to decide which variant to install. 3. Replace the default theme file: ```sh GTK_THEME=$(gsettings get org.gnome.desktop.interface gtk-theme | sed "s/'//g") cd /usr/share/themes/${GTK_THEME}/gnome-shell sudo glib-compile-resources --target=/usr/share/gnome-shell/gnome-shell-theme.gresource gnome-shell-theme.gresource.xml ``` 4. Reload the theme. If you are running GNOME Shell, press Alt + F2 then type `rt`. ## Uninstallation 1. Restore to the original theme file from the backup: ```sh sudo mv -v /usr/share/gnome-shell/gnome-shell-theme.gresource{~,} ``` 2. Reload the theme. If you are running GNOME Shell, press Alt + F2 then type `rt`. materia-theme-20200320/src/gnome-shell/assets-dark/000077500000000000000000000000001363503524500217165ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/assets-dark/calendar-arrow-left.svg000066400000000000000000000002241363503524500262660ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/calendar-arrow-right.svg000066400000000000000000000002231363503524500264500ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/checkbox-off.svg000066400000000000000000000003411363503524500247730ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/checkbox.svg000066400000000000000000000003741363503524500242310ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/close.svg000066400000000000000000000003541363503524500235460ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash-placeholder.svg000066400000000000000000000003141363503524500256340ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/000077500000000000000000000000001363503524500226355ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/assets-dark/dash/bottom-running1-focused.svg000066400000000000000000000002761363503524500300540ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/bottom-running1.svg000066400000000000000000000002161363503524500264200ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/bottom-running2-focused.svg000066400000000000000000000003571363503524500300550ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/bottom-running2.svg000066400000000000000000000002771363503524500264300ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/bottom-running3-focused.svg000066400000000000000000000004401363503524500300470ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/bottom-running3.svg000066400000000000000000000003601363503524500264220ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/bottom-running4-focused.svg000066400000000000000000000005211363503524500300500ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/bottom-running4.svg000066400000000000000000000004411363503524500264230ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/left-running1-focused.svg000066400000000000000000000002761363503524500275020ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/left-running1.svg000066400000000000000000000002151363503524500260450ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/left-running2-focused.svg000066400000000000000000000003561363503524500275020ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/left-running2.svg000066400000000000000000000002751363503524500260540ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/left-running3-focused.svg000066400000000000000000000004361363503524500275020ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/left-running3.svg000066400000000000000000000003551363503524500260540ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/left-running4-focused.svg000066400000000000000000000005161363503524500275020ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/left-running4.svg000066400000000000000000000004351363503524500260540ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/right-running1-focused.svg000066400000000000000000000002761363503524500276650ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/right-running1.svg000066400000000000000000000002161363503524500262310ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/right-running2-focused.svg000066400000000000000000000003571363503524500276660ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/right-running2.svg000066400000000000000000000002771363503524500262410ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/right-running3-focused.svg000066400000000000000000000004401363503524500276600ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/right-running3.svg000066400000000000000000000003601363503524500262330ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/right-running4-focused.svg000066400000000000000000000005211363503524500276610ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/right-running4.svg000066400000000000000000000004411363503524500262340ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/top-running1-focused.svg000066400000000000000000000002761363503524500273520ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/top-running1.svg000066400000000000000000000002151363503524500257150ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/top-running2-focused.svg000066400000000000000000000003561363503524500273520ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/top-running2.svg000066400000000000000000000002751363503524500257240ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/top-running3-focused.svg000066400000000000000000000004361363503524500273520ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/top-running3.svg000066400000000000000000000003551363503524500257240ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/top-running4-focused.svg000066400000000000000000000005161363503524500273520ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/dash/top-running4.svg000066400000000000000000000004351363503524500257240ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/key-enter.svg000066400000000000000000000003031363503524500243360ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/key-hide.svg000066400000000000000000000005651363503524500241440ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/key-layout.svg000066400000000000000000000016421363503524500245450ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/key-shift-latched-uppercase.svg000066400000000000000000000002751363503524500277350ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/key-shift-uppercase.svg000066400000000000000000000002471363503524500263320ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/key-shift.svg000066400000000000000000000002471363503524500243450ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/no-events.svg000066400000000000000000000004431363503524500243560ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/no-notifications.svg000066400000000000000000000005311363503524500257210ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/process-working.svg000066400000000000000000000115551363503524500256020ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/toggle-off.svg000066400000000000000000000003351363503524500244710ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/toggle-on.svg000066400000000000000000000003171363503524500243330ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/window-close-active.svg000066400000000000000000000005511363503524500263230ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets-dark/window-close.svg000066400000000000000000000005451363503524500250550ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/000077500000000000000000000000001363503524500207775ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/assets/calendar-arrow-left.svg000066400000000000000000000002241363503524500253470ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/calendar-arrow-right.svg000066400000000000000000000002231363503524500255310ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/checkbox-off.svg000066400000000000000000000003411363503524500240540ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/checkbox.svg000066400000000000000000000003741363503524500233120ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/close.svg000066400000000000000000000003541363503524500226270ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash-placeholder.svg000066400000000000000000000003141363503524500247150ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/000077500000000000000000000000001363503524500217165ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/assets/dash/bottom-running1-focused.svg000066400000000000000000000002761363503524500271350ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/bottom-running1.svg000066400000000000000000000002161363503524500255010ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/bottom-running2-focused.svg000066400000000000000000000003571363503524500271360ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/bottom-running2.svg000066400000000000000000000002771363503524500255110ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/bottom-running3-focused.svg000066400000000000000000000004401363503524500271300ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/bottom-running3.svg000066400000000000000000000003601363503524500255030ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/bottom-running4-focused.svg000066400000000000000000000005211363503524500271310ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/bottom-running4.svg000066400000000000000000000004411363503524500255040ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/left-running1-focused.svg000066400000000000000000000002761363503524500265630ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/left-running1.svg000066400000000000000000000002151363503524500251260ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/left-running2-focused.svg000066400000000000000000000003561363503524500265630ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/left-running2.svg000066400000000000000000000002751363503524500251350ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/left-running3-focused.svg000066400000000000000000000004361363503524500265630ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/left-running3.svg000066400000000000000000000003551363503524500251350ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/left-running4-focused.svg000066400000000000000000000005161363503524500265630ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/left-running4.svg000066400000000000000000000004351363503524500251350ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/right-running1-focused.svg000066400000000000000000000002761363503524500267460ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/right-running1.svg000066400000000000000000000002161363503524500253120ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/right-running2-focused.svg000066400000000000000000000003571363503524500267470ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/right-running2.svg000066400000000000000000000002771363503524500253220ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/right-running3-focused.svg000066400000000000000000000004401363503524500267410ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/right-running3.svg000066400000000000000000000003601363503524500253140ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/right-running4-focused.svg000066400000000000000000000005211363503524500267420ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/right-running4.svg000066400000000000000000000004411363503524500253150ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/top-running1-focused.svg000066400000000000000000000002761363503524500264330ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/top-running1.svg000066400000000000000000000002151363503524500247760ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/top-running2-focused.svg000066400000000000000000000003561363503524500264330ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/top-running2.svg000066400000000000000000000002751363503524500250050ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/top-running3-focused.svg000066400000000000000000000004361363503524500264330ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/top-running3.svg000066400000000000000000000003551363503524500250050ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/top-running4-focused.svg000066400000000000000000000005161363503524500264330ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/dash/top-running4.svg000066400000000000000000000004351363503524500250050ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/key-enter.svg000066400000000000000000000002641363503524500234250ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/key-hide.svg000066400000000000000000000006041363503524500232170ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/key-layout.svg000066400000000000000000000016611363503524500236270ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/key-shift-latched-uppercase.svg000066400000000000000000000002751363503524500270160ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/key-shift-uppercase.svg000066400000000000000000000002471363503524500254130ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/key-shift.svg000066400000000000000000000002661363503524500234270ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/no-events.svg000066400000000000000000000004441363503524500234400ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/no-notifications.svg000066400000000000000000000005321363503524500250030ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/process-working.svg000066400000000000000000000115551363503524500246630ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/toggle-off.svg000066400000000000000000000003361363503524500235530ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/toggle-on.svg000066400000000000000000000003171363503524500234140ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/window-close-active.svg000066400000000000000000000005301363503524500254010ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/assets/window-close.svg000066400000000000000000000005261363503524500241350ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/extensions/000077500000000000000000000000001363503524500216745ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/extensions/workspaces-to-dock/000077500000000000000000000000001363503524500254135ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css000066400000000000000000000327661363503524500316620ustar00rootroot00000000000000#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: 4px 0 0 4px; } #workspacestodockDock.left .workspace-thumbnails { border-radius: 0 4px 4px 0; } #workspacestodockDock.top .workspace-thumbnails { border-radius: 0 0 4px 4px; } #workspacestodockDock.bottom .workspace-thumbnails { border-radius: 4px 4px 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: 4px 0 0 4px; padding: 0; spacing: 0; border-left: none; border-right: 1px; } #workspacestodockDock.left.inside .workspacestodock-shortcuts-panel { border-radius: 0 4px 4px 0; padding: 0; spacing: 0; border-left: 1px; border-right: none; } #workspacestodockDock.top.inside .workspacestodock-shortcuts-panel { border-radius: 0 0 4px 4px; padding: 0; spacing: 0; border-top: 1px; border-bottom: none; } #workspacestodockDock.bottom.inside .workspacestodock-shortcuts-panel { border-radius: 4px 4px 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 4px 4px; */ } .workspacestodock-workspace-caption-background.caption-top { /* border-radius: 4px 4px 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-20200320/src/gnome-shell/gnome-shell-theme.gresource.xml000066400000000000000000000065031363503524500255320ustar00rootroot00000000000000 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/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 icons/eye-not-looking-symbolic.svg icons/eye-open-negative-filled-symbolic.svg icons/keyboard-caps-lock-filled-symbolic.svg icons/keyboard-enter-symbolic.svg icons/keyboard-hide-symbolic.svg icons/keyboard-layout-filled-symbolic.svg icons/keyboard-shift-filled-symbolic.svg icons/message-indicator-symbolic.svg icons/pointer-double-click-symbolic.svg icons/pointer-drag-symbolic.svg icons/pointer-primary-click-symbolic.svg icons/pointer-secondary-click-symbolic.svg no-events.svg no-notifications.svg noise-texture.png pad-osd.css process-working.svg materia-theme-20200320/src/gnome-shell/icons/000077500000000000000000000000001363503524500206105ustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/icons/eye-not-looking-symbolic.svg000066400000000000000000000010741363503524500261720ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/icons/eye-open-negative-filled-symbolic.svg000066400000000000000000000040721363503524500277310ustar00rootroot00000000000000 image/svg+xml Gnome Symbolic Icon Theme Gnome Symbolic Icon Theme materia-theme-20200320/src/gnome-shell/icons/keyboard-caps-lock-filled-symbolic.svg000066400000000000000000000004141363503524500300560ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/icons/keyboard-enter-symbolic.svg000066400000000000000000000022721363503524500260660ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/icons/keyboard-hide-symbolic.svg000066400000000000000000000017361363503524500256660ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/icons/keyboard-layout-filled-symbolic.svg000066400000000000000000000027101363503524500275200ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/icons/keyboard-shift-filled-symbolic.svg000066400000000000000000000003031363503524500273140ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/icons/message-indicator-symbolic.svg000066400000000000000000000002151363503524500265440ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/icons/pointer-double-click-symbolic.svg000066400000000000000000000047731363503524500271760ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/icons/pointer-drag-symbolic.svg000066400000000000000000000064421363503524500255510ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/icons/pointer-primary-click-symbolic.svg000066400000000000000000000035701363503524500274010ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/icons/pointer-secondary-click-symbolic.svg000066400000000000000000000040601363503524500277000ustar00rootroot00000000000000 materia-theme-20200320/src/gnome-shell/no-events.svg000077700000000000000000000000001363503524500260702assets/no-events.svgustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/no-notifications.svg000077700000000000000000000000001363503524500310022assets/no-notifications.svgustar00rootroot00000000000000materia-theme-20200320/src/gnome-shell/noise-texture.png000066400000000000000000000001641363503524500230170ustar00rootroot00000000000000PNG  IHDRf:%PLTEz=tRNS@fIDATh 67`q!W)IENDB`materia-theme-20200320/src/gnome-shell/pad-osd.css000066400000000000000000000010261363503524500215350ustar00rootroot00000000000000.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-20200320/src/gnome-shell/process-working.svg000077700000000000000000000000001363503524500305242assets/process-working.svgustar00rootroot00000000000000materia-theme-20200320/src/gtk-2.0/000077500000000000000000000000001363503524500163455ustar00rootroot00000000000000materia-theme-20200320/src/gtk-2.0/apps.rc000066400000000000000000000050271363503524500176420ustar00rootroot00000000000000# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g. # custom widgets, programs giving us a chance to alter their UI to fit more with # the theme or stuff that is supposed to look different, like panels. # TODO: This could really look nicer style "gimp_spin_scale" { # Spin background bg[NORMAL] = @base_color engine "pixmap" { image { function = BOX state = NORMAL detail = "spinbutton_up" overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE } image { function = BOX state = PRELIGHT detail = "spinbutton_up" overlay_file = "assets/pan-up.png" overlay_stretch = FALSE } image { function = BOX state = ACTIVE detail = "spinbutton_up" overlay_file = "assets/pan-up.png" overlay_stretch = FALSE } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" overlay_file = "assets/pan-up-alt-disabled.png" overlay_stretch = FALSE } image { function = BOX state = NORMAL detail = "spinbutton_down" overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE } image { function = BOX state = PRELIGHT detail = "spinbutton_down" overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = BOX state = ACTIVE detail = "spinbutton_down" overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" overlay_file = "assets/pan-down-alt-disabled.png" overlay_stretch = FALSE } } } style "chrome_gtk_frame" { ChromeGtkFrame::frame-color = @titlebar_bg_color ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color ChromeGtkFrame::frame-gradient-size = 0 } # Disable spin button assets for GimpSpinScale class "GimpSpinScale" style "gimp_spin_scale" # Chromium lets us define some colours and settings for better integration class "ChromeGtkFrame" style "chrome_gtk_frame" materia-theme-20200320/src/gtk-2.0/assets-dark.svg000066400000000000000000000772471363503524500213300ustar00rootroot00000000000000 materia-theme-20200320/src/gtk-2.0/assets-dark/000077500000000000000000000000001363503524500205665ustar00rootroot00000000000000materia-theme-20200320/src/gtk-2.0/assets-dark/border.png000066400000000000000000000002141363503524500225460ustar00rootroot00000000000000PNG  IHDR sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATc/7M>IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/button-active.png000066400000000000000000000007721363503524500240660ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<wIDAT8MN@wfi{.@\[xG ٰRwbEKL_2igy:v㈥\M.=9m3;6O!ZV\._h{V$gEpxno)+L<7օڭ :sX,Ol3 h _΄u/pRy@`ƦX@)]WJmA+d[l)ि(!:wT'h1Ѷ1f L3L gQui]7m8n{j9  BUkRU1&Nr0C]829`@ő 5@Yx&N-(C9;  q}hIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/button-disabled.png000066400000000000000000000003571363503524500243610ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEHmtRNS Q9IDATc`\Ӏ DTM L2 T 3 Djq29pG 0$J IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/button-hover.png000066400000000000000000000007471363503524500237400ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<dIDAT8MJ@?IH[. #H='pFvYZh! [$m@Q4tIf'٨=ʖܶrz= F)u)"m31̵O `%v&NsEѣ4wEc,p PZvzW @DA\-Vgbe<;_D>)T6Rrk= p/Ok*bIu j`y*eŭx`Sh42`4]fY6}q@D?E$`p7N_`&G D pRIo ,ށTh@q 5m60~vIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/button.png000066400000000000000000000007021363503524500226060ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT8唱JPs6ͽPp#:'rqk_CلZ&ǡB(Ti?8ps~8d7U(m gڱD$ΉZ'+j" IɞS.ťM۟,2U}s""eQ*M7  !Niv>w`!pDw X5~/r|||70+"ɔ el!IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/checkbox-mixed-active.png000066400000000000000000000004611363503524500254400ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<0PLTE~tRNS /011BCG{||b̿XIDATc`ʘ  3᠉!90wryLa8 {s} oOFB&YhnIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/checkbox-mixed-disabled.png000066400000000000000000000003411363503524500257310ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEBhtRNS:;B [Q3IDATc` 0 @ @RhjڃFIA'IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/checkbox-mixed-hover.png000066400000000000000000000004671363503524500253160ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTEf̙^NtRNS^^_]ZIDAT(͒A  UGG1{JZiɅ,*3%A;t{_]_;iW3lAiP]IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/checkbox-mixed.png000066400000000000000000000003501363503524500241640ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtRNSHIJ)3IDATc` 0AÚ@@Rhjڃ&7;E>;堉IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/checkbox-unchecked-active.png000066400000000000000000000004221363503524500262600ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<$PLTE tRNS"#/03UV!HIDATWc`r+r8HbpGpJ+W]ʫvCrE@zq\{$Twu vIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/checkbox-unchecked-disabled.png000066400000000000000000000003331363503524500265550ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEBhtRNS:;B [Q-IDATWc` 0 @D2/0@N D0&յ]IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/checkbox-unchecked-hover.png000066400000000000000000000004161363503524500261330ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTE! tRNS <=(|HIDATWc`rM48bpCpR2fm i`ZCZ2" =8^@x,Ȁ`:L+|IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/checkbox-unchecked.png000066400000000000000000000003311363503524500250060ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEBhtRNS+,+IDATWc` 0@D2/='@$ ij"wIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/combo-left-entry-active.png000066400000000000000000000003251363503524500257330ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<RIDAT8c`&V&t9 NA0f0tp"@]n Uṣkˏ0.K jPIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/combo-left-entry-disabled.png000066400000000000000000000003171363503524500262300ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<LIDAT8c`&V&t9 NA0f0tp"@]n UKYز6|pUIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/combo-left-entry-hover.png000066400000000000000000000003161363503524500256030ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<KIDAT81 @O0U Ic"})^Ћd&pbZjvX4|σI**vj}IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/combo-left-entry.png000066400000000000000000000003171363503524500244630ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<LIDAT8c`&V&t9 NA0f0tp"@]n UKY6|p wIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/combo-right-entry-active.png000066400000000000000000000003251363503524500261160ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtRNS \:$IDAT[c` \ Ht1D0LgӅ.P@abi't ,IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/combo-right-entry-disabled.png000066400000000000000000000003261363503524500264130ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>R:tRNS 'م &$IDAT[c` \ Ht1D0LgӅPRH&~QL$zIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/combo-right-entry-hover.png000066400000000000000000000003261363503524500257670ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>R:tRNSWۑ˖$IDAT[c` \ Ht1D0LgӅPRH&~QL$zIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/combo-right-entry.png000066400000000000000000000003261363503524500246460ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<SIDAT8K 0j?^c{8!fARˆy lo $qyvvj^#* p q7 +hIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/entry-active.png000066400000000000000000000003431363503524500237060ustar00rootroot00000000000000PNG  IHDR( hbsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtRNS \:2IDATc` 0*# 0 :M.` b\M?}IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/entry-background-disabled.png000066400000000000000000000002141363503524500263140ustar00rootroot00000000000000PNG  IHDR sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATc  x%IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/entry-background.png000066400000000000000000000002141363503524500245470ustar00rootroot00000000000000PNG  IHDR sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATc  x%IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/entry-disabled.png000066400000000000000000000003431363503524500242020ustar00rootroot00000000000000PNG  IHDR( hbsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>R:tRNS 'م &1IDATc` 0*# 0 :M.`X brLH1IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/entry-hover.png000066400000000000000000000003431363503524500235560ustar00rootroot00000000000000PNG  IHDR( hbsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>R:tRNSWۑ˖1IDATc` 0*# 0 :M.`X brLH1IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/entry.png000066400000000000000000000003431363503524500224350ustar00rootroot00000000000000PNG  IHDR( hbsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>R:tRNS IsFy1IDATc` 0*# 0 :M.`X brLH1IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/flat-button-active.png000066400000000000000000000003631363503524500250060ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE#~_tRNS"#/03bez9IDATc`ʁ ET+$ ,2!2  Djq19pG& 7H\IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/flat-button-disabled.png000066400000000000000000000002301363503524500252730ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8c``Q0 T\"_IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/flat-button-hover.png000066400000000000000000000003571363503524500246610ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEHmtRNS Q9IDATc`\Ӏ DTM L2 T 3 Djq29pG 0$J IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/flat-button.png000066400000000000000000000002301363503524500235260ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8c``Q0 T\"_IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/focus.png000066400000000000000000000003541363503524500224150ustar00rootroot00000000000000PNG  IHDR ҎsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE#~_tRNSI2IDATc`4-`+//Od0wd)f``,e(g`b AUu TP k2IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/frame-inline.png000066400000000000000000000002401363503524500236360ustar00rootroot00000000000000PNG  IHDRtfsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATc1_ 2 IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/frame-notebook.png000066400000000000000000000002431363503524500242030ustar00rootroot00000000000000PNG  IHDRV(sBIT|d pHYs+tEXtSoftwarewww.inkscape.org< IDATc01000>d````DsOIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/frame.png000066400000000000000000000002431363503524500223650ustar00rootroot00000000000000PNG  IHDRV(sBIT|d pHYs+tEXtSoftwarewww.inkscape.org< IDATc01000022>b````DG )IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/handle-horz-active.png000066400000000000000000000002771363503524500247660ustar00rootroot00000000000000PNG  IHDRsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<JXT0ɻmDG0*Ʌ2M|W̌&Q@zIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/handle-vert.png000066400000000000000000000002751363503524500235110ustar00rootroot00000000000000PNG  IHDR1sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<:IDATͱ 0CiE2R"TaNz%W$l6 _&5<7IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-checkbox-checked-disabled.png000066400000000000000000000004351363503524500271570ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<'PLTE=J9 tRNS "#*-7:;B/*>OIDAT[c>@@18! e42C'l@ Tbe 5@R3QWxIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-checkbox-checked.png000066400000000000000000000004611363503524500254110ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTEӉytRNSHIKv}9+TIDATeY0CC]Zg(t//8hD vM p9P^@SLeҒ@Zok3,-R#xv XIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-checkbox-mixed-disabled.png000066400000000000000000000003221363503524500266720ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEBhtRNS:;B [Q$IDATcvCÉ d0*pKPd%fIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-checkbox-mixed.png000066400000000000000000000003351363503524500251310ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE`=tRNSHIK$IDATc0+ p d0*pKU! Gby6Xq$IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-checkbox-unchecked-disabled.png000066400000000000000000000003151363503524500275170ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEBhtRNS:;B [QIDATcvCÉ \[ u"%i>}IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-checkbox-unchecked.png000066400000000000000000000003261363503524500257540ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<SIDAT8퓱 r<AȞU\ZsA }rJ}9(eI%b>^.f`|Tkejen#IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-radio-checked-disabled.png000066400000000000000000000006211363503524500264640ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<QPLTE7^tRNS $%&',-017;=>?@ABIlIDATWeK DQ&0? ^vdŽ@X$I@2M5}HC?HG:c-#tcQ5შLϒe<$wL[bjvMZ:wRb.P ߐIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-radio-checked.png000066400000000000000000000010401363503524500247130ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE75tRNS '*+,-/06789bIDAT%B0OD)c W9x?mDVSզW|ZJfArp84~JG[UUK *qq jr88 jQT%6o|ʘƐz7´~[UT*SMxm[zt"4+mB?JpIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-radio-mixed-disabled.png000066400000000000000000000005471363503524500262130ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<BPLTE_҆tRNS $%&'017;>?@AB'uIDATWeK C(UQ F|&CiB$8)`,sRW"7sZ; ,%_Z\,0E`<AS۞%n=GtZrjIxcr,IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-radio-mixed.png000066400000000000000000000007261363503524500244450ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE%?@AB'tIDATWeK C+(UQ -FͪyCiB$rN,2SESe ?,^REeX7W~YO; N/5/rQ돭;Kr( IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/menu-radio-unchecked.png000066400000000000000000000006421363503524500252650ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<`PLTE|% tRNS !"UVWXYZ[pqrkIDAT= EF.J /30cJq1׷r1Sُ֎!a[`x.E&h3ͤHdixL3)(%;\.\:*&ku?3*O?ǔܱr YIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/pan-down-alt-disabled.png000066400000000000000000000003061363503524500253410ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<CIDAT8팹 . 31iA' \= $CSͬdgG pEAV*IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/pan-down-alt.png000066400000000000000000000003051363503524500235730ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<BIDAT8팩 Cah S"kҦfVb2Ӂ3q-@u3|4rIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/pan-down-disabled.png000066400000000000000000000003061363503524500245630ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<CIDAT8팫  a`b!?>V )mlfL,&C<87D ^;*EaDf!IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/pan-down.png000066400000000000000000000003061363503524500230160ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<CIDAT8c`9```(#g"##D=8(g088 !M3!dkNFyIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/pan-left-alt-disabled.png000066400000000000000000000003111363503524500253200ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<FIDAT8c`䘈L458 V3>#F3N200ܥD7Hq ^/! 14&`IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/pan-left-alt.png000066400000000000000000000003121363503524500235540ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<GIDAT8c`䘈C458 V3>"F3Nw200D7Hq ^/! ߗ5Б<IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/pan-left-disabled.png000066400000000000000000000003121363503524500245430ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<GIDAT8c`䘈l@458 V3>!F3N/300D7Hq ^/! &DǓpIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/pan-left-semi.png000066400000000000000000000003271363503524500237370ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<TIDAT8 0D٤ !-y/K5,4300(B wc$ 5,4300@ 방c$ f844d $mis;IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/pan-up-disabled.png000066400000000000000000000003061363503524500242400ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<CIDAT8c`7 >5,4300@ gc$ \f844d $"z`2IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/pan-up.png000066400000000000000000000002771363503524500225020ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<\e{g9S͂V lƽΠ(il.+.-}20+}EN":.u>R[$o:Eq 4zܧgRh֡0x"`^>;U A[`~ q]૎<- ]l\dmgťfqDR֮jvѹ[֋j Hnzw?0;eL>ʔ}#DAQ#IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/radio-checked-disabled.png000066400000000000000000000007241363503524500255260ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<ZPLTEY2tRNS "#$*+126789>?@B;5cIDAT(˖0Do@4" /MMgKIu~UvY8NZ4]wcIϦ RV\-'Wjy֒M0=Pk4쾃 *ԀO<4* EL9X2 r'Kqe[^*88Vt ;uX Z) W,WM;'IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/radio-checked-hover.png000066400000000000000000000014011363503524500250730ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEf̙C:MtRNS !"#())*CDEWXY`abcdeeghijkz{||~򅹋0IDATmy7a័{%!-K:f>ł٢?DG|>"2:*O34lonGR7 a$nu Ncݐ0@_[jT@}0k#080ke.! =.ttڀrOP 590p*Sn뚁6#T4tt-BT± )pʯ{0]g!< #HN\tHO[gE2sw%2KVʂYaoi~Gi8IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/radio-checked.png000066400000000000000000000012331363503524500237550ustar00rootroot00000000000000PNG  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-20200320/src/gtk-2.0/assets-dark/radio-mixed-active.png000066400000000000000000000012671363503524500247550ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEMBnEtRNS /011BCGHIJKOPPQefgwwx CIDAT(}V0CY$(}-ZJJB&FΏd33Ø_Wn Z}h0 mlSv: {B<$@MJauF1A<\- T[u%h А=]Ds qq6΋(SEL%h"]N7$ U(Oq]k:Ncg5mcEmeI$s>͏2 HIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/radio-mixed-disabled.png000066400000000000000000000006661363503524500252530ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<TPLTE0_<tRNS #$*+789>?@ABM#IDAT(ϝQI0 i!di@geIfhfk,id.΅Uo#76[DzZYONr~,.pS"0~th9UI(@b P3]K9ڒ6s+n˼A*yl^]!^1w<=w].IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/radio-mixed-hover.png000066400000000000000000000013111363503524500246130ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEf̙;iHtRNS !""#())*CDEXYZcdeeghijk|}~v IDATmVߒk2ȞJhǡy4SqNRDwY65#Q˕z#i!d "n'#!U T F.;ܱ`kSS |A[P -8LUdOY0x {M]v7W=Ͳ`@MA0B]Io{BF((||CY~kcvɚc)"˗>׳Dw88f?rIl6JwIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/radio-mixed.png000066400000000000000000000011501363503524500234730ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE6ܼ_>tRNS *+,BCDNOPQSTUVWjlmnopqrsIDATV@Ĉ)yDeG?Vc!27ӃUzp1wbXD%A| B @° b!S/>fB9BIĭLDnN;VE'NqdAUk 5Vߓ B1Ҥ9IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/radio-unchecked-active.png000066400000000000000000000010331363503524500255670ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<~PLTEﮆ*tRNS"#/034569GHRSYZ[\]efghituvfIDAT(} 7525̔ 6Lj?o`q|!r9W7]qHg8zeEq)mܠNHB iFP-.i2/DA4 (׃|nj ,k- YX*@,nvP} -ꇔNGI2l7>^т}v K`IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/radio-unchecked-disabled.png000066400000000000000000000006521363503524500260710ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<QPLTE7^tRNS #$*+6789>?@BhDIDAT(ϝQ 2T"0v)K92vd}ʮaڴ 々vbARF*auyPԺUi6 r` \=DK\#xKps) b. UBd4n}E5 VVI*I +IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/radio-unchecked-hover.png000066400000000000000000000011161363503524500254410ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE%Ũ2tRNS +,89?@ABCDMNOPQRS_`amnop{IDAT(}v0GĆ iQ(J1/C&X;9e3!r\˻ j* '89, (@!;KT@ =X1.xO Hp}Il >"Gi@!P+#p}^ ٸ+Ѹ1?h|d Kr[v"Щm5>y+{.qQ3YZ<)]>>Ä> 8`RIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/radio-unchecked.png000066400000000000000000000010201363503524500243120ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEj-tRNS'(/01234>?@ABCDQRSTabcd~HMIDAT(Q0TVDrؒ>G(2eMle/j(mА~ZԉeVB\]OjĐ->`= DFUk,XhJao@~qBVf} si1mfIkO L\:=(_>K_WFx[3}IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scale-horz-trough-active.png000066400000000000000000000002601363503524500261200ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<-IDATHc``DזI1̇YLhQ0 h<*ijrNIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scale-horz-trough-disabled.png000066400000000000000000000002601363503524500264140ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<-IDATHc``H26q&R]4 F(47JR}IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scale-horz-trough.png000066400000000000000000000002601363503524500246470ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<-IDATHc``H2q6q&R]4 F(4> 0rIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scale-slider-active.png000066400000000000000000000010751363503524500251170ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE߀iY2tRNS (*+++,-/233<<=CDFFFGKLZCIDAT(uR  K ˴D3]ԯ@Pi a\_vkOuaB`O+H 2Z+'|yKN5_)1y0R$, OE'H"pd7oH : @GiQ#oHG;=чA&BvO6N[~ 18~ A2OIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scale-slider-disabled.png000066400000000000000000000004611363503524500254110ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTE```UUUMMMLLLKKKKKKQQQQQQQQQQQQQQQRRRSSSSSSSSSTTT~tRNS !|}~V%aTIDAT "OkBLS;M{I3QAtD"2:CdtFWt(?I3~RfWI kШS&IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scale-slider-hover.png000066400000000000000000000010071363503524500247620ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<~PLTE㎪뉱z)tRNS #$6}~oIDAT(uR $*S35?,_0PL0;6AYs5+NpBjͼ#6pyar(7tcM7U;oQ]{*ak=,(֗Z b$>@${WExegh[f@؄vl|x^SS ?bKpռ',8{:\2naLIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scale-slider.png000066400000000000000000000004611363503524500236440ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTENItRNSlmn}gTIDAT "OkBLS;M{I3QAtD"2:CdtFWt(?I3~RfWI kШS&IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scale-vert-trough-active.png000066400000000000000000000002601363503524500261160ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<-IDATHc`kˏ][~'E3j ' F( .IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scale-vert-trough-disabled.png000066400000000000000000000002601363503524500264120ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<-IDATHc`r#E3j ' F(;MlIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scale-vert-trough.png000066400000000000000000000002601363503524500246450ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<-IDATHc`Nw"E3j ' F(~YMoIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-horz-slider-active.png000066400000000000000000000004141363503524500267670ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8퐱 `[vQؚ8=5?ĐC\._^vFSRn-)sp M SNr^|ȷHcErn h񻼀KD ??I S<x&.:lIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-horz-slider-disabled.png000066400000000000000000000003671363503524500272720ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$| tRNS ,-.=>?Bg_j5IDAT[c` 0EpgΜfEΜ9 X@L4) 3B߮IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-horz-slider-hover.png000066400000000000000000000004061363503524500266400ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8ѱ Ptq20!D VVݳHD/4v˟c_2tB {1{ eԟeo5H)i 230'yߋ{(lԩIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-horz-slider.png000066400000000000000000000003671363503524500255250ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$| tRNS @BCZ[\a5IDAT[c` 0EgΜfEΜ9L4)3 DrtIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-horz-trough.png000066400000000000000000000002141363503524500255420ustar00rootroot00000000000000PNG  IHDRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org< IDATccPcVϵIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-active.png000066400000000000000000000004221363503524500275630ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT81AAEK Q`,Bbjf ?YkμwdTG{j6]`:zˈ}A"0'e8V2,HFwA򪕜 S~?XDĽWnK:v;QMIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-disabled.png000066400000000000000000000003731363503524500300640ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$| tRNS ,-.=>?Bg_j9IDATc` v8AL3+Y3gt80Ț&dNRnHhs:IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-hover.png000066400000000000000000000004121363503524500274320ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8ұ 1 T' , 4: EBcgFtR@B2ȣ i8i`,K F0", ^$;ȽYفK> $ٜ-GZ>CNIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider.png000066400000000000000000000003731363503524500263170ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$| tRNS @BCZ[\a9IDATc` vAL3+Y3gt80Ț+3&1FÐyClIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-vert-ltr-trough.png000066400000000000000000000002131363503524500263360ustar00rootroot00000000000000PNG  IHDRI VsBIT [ pHYs+tEXtSoftwarewww.inkscape.org< IDATcScaFMIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-active.png000066400000000000000000000004201363503524500275610ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<*PLTE/tRNS"#Ry>IDAT[c` 0S,ޝa޽{:{m.nAXw^4m0TgIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-disabled.png000066400000000000000000000003721363503524500300630ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$| tRNS ,-.=>?Bg_j8IDAT[c` 0E(@X3gAX3gN:gΜat1ϙ3'&BXL m{tIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-hover.png000066400000000000000000000004141363503524500274340ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8 09E4B&h!xܜrqV1Uz[`Xdf"$#P'x) b׫M҉ȳyd9SȞARd Rd"\"8\p!߀3_f;)2oKIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider.png000066400000000000000000000003721363503524500263160ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$| tRNS @BCZ[\a8IDAT[c` 0E*@X3gAX3gN:gΜatpGUL9IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/scrollbar-vert-rtl-trough.png000066400000000000000000000002131363503524500263360ustar00rootroot00000000000000PNG  IHDRI VsBIT [ pHYs+tEXtSoftwarewww.inkscape.org< IDATcPcIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-ltr-down-active.png000066400000000000000000000002631363503524500252630ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<0IDAT(c5##Q&j F 000QɬT28 Q1 IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-ltr-down-disabled.png000066400000000000000000000002631363503524500255570ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<0IDAT(c?##7&j F 000RɬT2$+0]cIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-ltr-down-hover.png000066400000000000000000000002631363503524500251330ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<0IDAT(c,##c&j F 000XQɬT2%FzIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-ltr-down.png000066400000000000000000000002631363503524500240120ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<0IDAT(c?##7&j F 000SɬT2-LIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-ltr-up-active.png000066400000000000000000000003141363503524500247350ustar00rootroot00000000000000PNG  IHDR F{csBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEBhtRNS )7;FҪIDAT[c` \ Ht1D0LgӅ08S;ԳIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-ltr-up-disabled.png000066400000000000000000000003071363503524500252330ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<DIDAT(1 !CE&[)ڮS2Gv5@,'gs nNlp~> #p6,IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-ltr-up-hover.png000066400000000000000000000003141363503524500246050ustar00rootroot00000000000000PNG  IHDR F{csBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEBhtRNS%h0[IDAT[c` \ Ht1D0LgӅ08S;ԳIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-ltr-up.png000066400000000000000000000003071363503524500234660ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<DIDAT(1 !CE&[)ڮS2Gv5@,'gs nNlp~> #p6,IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-rtl-down-active.png000066400000000000000000000002471363503524500252650ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<$IDAT(cd[3P0QÐQ,Hl#j>8_ |(0IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-rtl-down-disabled.png000066400000000000000000000002471363503524500255610ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<$IDAT(cds1P0QÐQ,HlYj>8L62IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-rtl-down-hover.png000066400000000000000000000002471363503524500251350ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<$IDAT(cd2P0QÐQ,Hl+j>8f5IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-rtl-down.png000066400000000000000000000002471363503524500240140ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<$IDAT(cds1P0QÐQ,Hl{j>8XIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-rtl-up-active.png000066400000000000000000000003041363503524500247340ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<AIDAT(c`.y> KA0Ė0t(5 @]n U7gis%IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-rtl-up-disabled.png000066400000000000000000000003021363503524500252260ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT(c`&V&t9 NA0f0tp"@]n U7:|&-_IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-rtl-up-hover.png000066400000000000000000000003021363503524500246020ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT(c`V6& &FA0YR d0t)v Z]qIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/spin-rtl-up.png000066400000000000000000000003021363503524500234610ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT(c`&V&t9 NA0f0tp"@]n U7:|&-_IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/tab.png000066400000000000000000000002161363503524500220410ustar00rootroot00000000000000PNG  IHDRwSsBITO pHYs+tEXtSoftwarewww.inkscape.org< IDATc7v)2IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/treeview-ltr-button-active.png000066400000000000000000000002161363503524500265060ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATccH GIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/treeview-ltr-button-hover.png000066400000000000000000000002161363503524500263560ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATc0cIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/treeview-ltr-button.png000066400000000000000000000002161363503524500252350ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATcPclХ!WIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/treeview-rtl-button-active.png000066400000000000000000000002161363503524500265060ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATc `6 NJIENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/treeview-rtl-button-hover.png000066400000000000000000000002161363503524500263560ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATc3e^>IENDB`materia-theme-20200320/src/gtk-2.0/assets-dark/treeview-rtl-button.png000066400000000000000000000002161363503524500252350ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATcSaN"LIENDB`materia-theme-20200320/src/gtk-2.0/assets.svg000066400000000000000000000772471363503524500204110ustar00rootroot00000000000000 materia-theme-20200320/src/gtk-2.0/assets.txt000066400000000000000000000052771363503524500204230ustar00rootroot00000000000000entry-background entry-background-disabled entry entry-hover entry-active entry-disabled flat-button flat-button-hover flat-button-active flat-button-disabled button button-hover button-active button-disabled combo-left-entry combo-left-entry-hover combo-left-entry-active combo-left-entry-disabled combo-right-entry combo-right-entry-hover combo-right-entry-active combo-right-entry-disabled spin-ltr-up spin-ltr-up-hover spin-ltr-up-active spin-ltr-up-disabled spin-ltr-down spin-ltr-down-hover spin-ltr-down-active spin-ltr-down-disabled spin-rtl-up spin-rtl-up-hover spin-rtl-up-active spin-rtl-up-disabled spin-rtl-down spin-rtl-down-hover spin-rtl-down-active spin-rtl-down-disabled checkbox-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 scale-slider scale-slider-hover scale-slider-active scale-slider-disabled scale-horz-trough scale-horz-trough-active scale-horz-trough-disabled scale-vert-trough scale-vert-trough-active scale-vert-trough-disabled scrollbar-horz-slider scrollbar-horz-slider-hover scrollbar-horz-slider-active scrollbar-horz-slider-disabled scrollbar-horz-trough scrollbar-vert-ltr-slider scrollbar-vert-ltr-slider-hover scrollbar-vert-ltr-slider-active scrollbar-vert-ltr-slider-disabled scrollbar-vert-ltr-trough scrollbar-vert-rtl-slider scrollbar-vert-rtl-slider-hover scrollbar-vert-rtl-slider-active scrollbar-vert-rtl-slider-disabled scrollbar-vert-rtl-trough handle-horz handle-horz-hover handle-horz-active handle-vert handle-vert-hover handle-vert-active pan-up pan-up-disabled pan-up-alt pan-up-alt-disabled pan-down pan-down-disabled pan-down-alt pan-down-alt-disabled pan-left pan-left-disabled pan-left-alt pan-left-alt-disabled pan-left-semi pan-right pan-right-disabled pan-right-alt pan-right-alt-disabled 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-20200320/src/gtk-2.0/assets/000077500000000000000000000000001363503524500176475ustar00rootroot00000000000000materia-theme-20200320/src/gtk-2.0/assets/border.png000066400000000000000000000002141363503524500216270ustar00rootroot00000000000000PNG  IHDR sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATc`!ld5IENDB`materia-theme-20200320/src/gtk-2.0/assets/button-active.png000066400000000000000000000010031363503524500231330ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8?O1o;u/`B—K0AF\x 6L F0㟃Z΁^B4b$l6I>樅^ȸ& _35VuP*N}/)rv${7^V]s;7jz.(GSJk(:* N0@XT" ɗ r҄al6sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtRNS Q9IDATc`\Ӏ DTM L2 T 3 Djq29pG 0$J IENDB`materia-theme-20200320/src/gtk-2.0/assets/button-hover.png000066400000000000000000000007431363503524500230150ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<`IDAT8J0o&t=̃tv#x<l/ze1q<42ѱқ?mR!!rz: Y 6mǖ &O&1f\cl<:YΤj|tn_ekQaS,I@ZTRjTJE@ v%!D) !vkwK:y@? gVD)5L.3,fy#6vQ} {chA( )A^.9W#`_Vi/@iۢuͳ,f7zIENDB`materia-theme-20200320/src/gtk-2.0/assets/button.png000066400000000000000000000006771363503524500217020ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<Od2yCk}Z*$IkLj|C]j pV:0u@l\C<p!??ZbIENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-checked-active.png000066400000000000000000000006261363503524500250040ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<TPLTE trurtrrssrrsstrsststsstsssPptRNS /01BCCGIJ{||=IDAT(ϕ W`$C,KVCsoA7"R)҉7Fl .û? {>>iz"ì*2<ׇ|[E?^7d ;Oe=m[ FtdF~n]'YxIENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-checked-disabled.png000066400000000000000000000004621363503524500252760ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<'PLTE tRNS!#*+,67:;BAy,dIDATc` 093Pq 8'96q$N!3Tٜ3g @8E (0#Hf3 ۠9  0ϝR 68oҐ"IENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-checked-hover.png000066400000000000000000000006151363503524500246520ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<NPLTEUfsmmmolqorqsrrtsrssssrssȆtRNS!"^^_IDAT(ϕA # #V/ 9KBD1=FXC{>eȗ4Faj5[p%> b^İ(J%r<*?L8n<+%k0ko1z>Z(#51|||70+"ɔ el!IENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-mixed-active.png000066400000000000000000000004571363503524500245260ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<0PLTE trurtrrsrsstssotRNS /01BCCG{||gH@UVIDATc`  3᠈!90s:yLa8 {s}ޞ L0vEJ&IENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-mixed-disabled.png000066400000000000000000000003411363503524500250120ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEOtRNS:;B [Q3IDATc` 0 @ @RhjڃFIA'IENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-mixed-hover.png000066400000000000000000000004441363503524500243720ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<*PLTEUfsmmmoorqsrsC tRNS^^_0T1SIDATc`r+r8bpGpҫ;kBrZ:u8A6bPd/Woz)@`dT:,IENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-mixed.png000066400000000000000000000003501363503524500232450ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEqsrsss%[tRNSHIJ)3IDATc` 0AÚ@@Rhjڃ&7;E>;堉IENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-unchecked-active.png000066400000000000000000000004221363503524500253410ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<$PLTEXG tRNS"#/03UV!HIDATWc`r+r8HbpGpJ+W]ʫvCrE@zq\{$Twu vIENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-unchecked-disabled.png000066400000000000000000000003331363503524500256360ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEOtRNS:;B [Q-IDATWc` 0 @D2/0@N D0&յ]IENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-unchecked-hover.png000066400000000000000000000004161363503524500252140ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTEmH tRNS <=(|HIDATWc`rM48bpCpR2fm i`ZCZ2" =8^@x,Ȁ`:L+|IENDB`materia-theme-20200320/src/gtk-2.0/assets/checkbox-unchecked.png000066400000000000000000000003311363503524500240670ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEOtRNS+,+IDATWc` 0@D2/='@$ ij"wIENDB`materia-theme-20200320/src/gtk-2.0/assets/combo-left-entry-active.png000066400000000000000000000003201363503524500250070ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<MIDAT8c` H6\ VJ C7 *2 uR8j`0;_Tw$IENDB`materia-theme-20200320/src/gtk-2.0/assets/combo-left-entry-disabled.png000066400000000000000000000003131363503524500253050ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<HIDAT8c` H6\ VJ C7 *2 uR8j4-Km'[IENDB`materia-theme-20200320/src/gtk-2.0/assets/combo-left-entry-hover.png000066400000000000000000000003141363503524500246620ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IIDAT8α Sa0+ARS#d tY+0nyÛM,(|σ嘧7X,f_IENDB`materia-theme-20200320/src/gtk-2.0/assets/combo-left-entry.png000066400000000000000000000003131363503524500235400ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<HIDAT8c` H6\ VJ C7 *2 uR8j4mOm'9}IENDB`materia-theme-20200320/src/gtk-2.0/assets/combo-right-entry-active.png000066400000000000000000000003251363503524500251770ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEs[Y{tRNS \:$IDAT[c` \ Ht1D0LgӅ.P@abi't ,IENDB`materia-theme-20200320/src/gtk-2.0/assets/combo-right-entry-disabled.png000066400000000000000000000003231363503524500254710ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<PIDAT8; 0E?ɵj#!fUs^ZU>c*HD)5,A E.fIENDB`materia-theme-20200320/src/gtk-2.0/assets/combo-right-entry-hover.png000066400000000000000000000003261363503524500250500ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<SIDAT8 @P@,?wJ);FIﮦ9 _x6cłX$tDge%Xc vLDE/IENDB`materia-theme-20200320/src/gtk-2.0/assets/combo-right-entry.png000066400000000000000000000003221363503524500237230ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<OIDAT8; 0E?ne8Am$֌ ۼjKر] gzLS ޜ(0E6%Z;O(.uѧIENDB`materia-theme-20200320/src/gtk-2.0/assets/entry-active.png000066400000000000000000000003431363503524500227670ustar00rootroot00000000000000PNG  IHDR( hbsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEs[Y{tRNS \:2IDATc` 0*# 0 :M.` b\M?}IENDB`materia-theme-20200320/src/gtk-2.0/assets/entry-background-disabled.png000066400000000000000000000002141363503524500253750ustar00rootroot00000000000000PNG  IHDR sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATc` `݅BIENDB`materia-theme-20200320/src/gtk-2.0/assets/entry-background.png000066400000000000000000000002141363503524500236300ustar00rootroot00000000000000PNG  IHDR sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATc` `݅BIENDB`materia-theme-20200320/src/gtk-2.0/assets/entry-disabled.png000066400000000000000000000003431363503524500232630ustar00rootroot00000000000000PNG  IHDR( hbsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE+tRNS 'م &1IDATc` 0*# 0 :M.`X brLH1IENDB`materia-theme-20200320/src/gtk-2.0/assets/entry-hover.png000066400000000000000000000003431363503524500226370ustar00rootroot00000000000000PNG  IHDR( hbsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE+tRNSWۑ˖1IDATc` 0*# 0 :M.`X brLH1IENDB`materia-theme-20200320/src/gtk-2.0/assets/entry.png000066400000000000000000000003431363503524500215160ustar00rootroot00000000000000PNG  IHDR( hbsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE+tRNS IsFy1IDATc` 0*# 0 :M.`X brLH1IENDB`materia-theme-20200320/src/gtk-2.0/assets/flat-button-active.png000066400000000000000000000003631363503524500240670ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEV7*tRNS"#/03bez9IDATc`ʁ ET+$ ,2!2  Djq19pG& 7H\IENDB`materia-theme-20200320/src/gtk-2.0/assets/flat-button-disabled.png000066400000000000000000000002301363503524500243540ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8c``Q0 T\"_IENDB`materia-theme-20200320/src/gtk-2.0/assets/flat-button-hover.png000066400000000000000000000003571363503524500237420ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtRNS Q9IDATc`\Ӏ DTM L2 T 3 Djq29pG 0$J IENDB`materia-theme-20200320/src/gtk-2.0/assets/flat-button.png000066400000000000000000000002301363503524500226070ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8c``Q0 T\"_IENDB`materia-theme-20200320/src/gtk-2.0/assets/focus.png000066400000000000000000000003541363503524500214760ustar00rootroot00000000000000PNG  IHDR ҎsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEV7*tRNSI2IDATc`4-`+//Od0wd)f``,e(g`b AUu TP k2IENDB`materia-theme-20200320/src/gtk-2.0/assets/frame-inline.png000066400000000000000000000002371363503524500227250ustar00rootroot00000000000000PNG  IHDRtfsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT-1 ,#@.2wQI'IENDB`materia-theme-20200320/src/gtk-2.0/assets/frame-notebook.png000066400000000000000000000002431363503524500232640ustar00rootroot00000000000000PNG  IHDRV(sBIT|d pHYs+tEXtSoftwarewww.inkscape.org< IDATcd``c&?d````DQMIENDB`materia-theme-20200320/src/gtk-2.0/assets/frame.png000066400000000000000000000002351363503524500214470ustar00rootroot00000000000000PNG  IHDRV(sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATcd``c&(Y#IENDB`materia-theme-20200320/src/gtk-2.0/assets/handle-horz-active.png000066400000000000000000000002701363503524500240400ustar00rootroot00000000000000PNG  IHDRsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<5IDATc```pd``8 @8#!|` e%@5(=ϛ,t^IENDB`materia-theme-20200320/src/gtk-2.0/assets/handle-horz-hover.png000066400000000000000000000003041363503524500237060ustar00rootroot00000000000000PNG  IHDRsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<AIDAT1 0@k1&UI  -O{ ^8Bb_ȳ&\(x/- e~IENDB`materia-theme-20200320/src/gtk-2.0/assets/handle-horz.png000066400000000000000000000003031363503524500225640ustar00rootroot00000000000000PNG  IHDRsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<@IDATɡ0Mp@L ` grr/bËV3VX y6؄ vak%.IENDB`materia-theme-20200320/src/gtk-2.0/assets/handle-vert-active.png000066400000000000000000000002711363503524500240370ustar00rootroot00000000000000PNG  IHDR1sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<6IDATc```pd``8P300T+-  } eIENDB`materia-theme-20200320/src/gtk-2.0/assets/handle-vert-hover.png000066400000000000000000000002761363503524500237140ustar00rootroot00000000000000PNG  IHDR1sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<;IDATͱ }&舂33% *`㛹@F@ 8dr:-IENDB`materia-theme-20200320/src/gtk-2.0/assets/handle-vert.png000066400000000000000000000002751363503524500225720ustar00rootroot00000000000000PNG  IHDR1sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<:IDAT͡ @1Ečap;2 Z&.t9X6v.IENDB`materia-theme-20200320/src/gtk-2.0/assets/menu-checkbox-checked-disabled.png000066400000000000000000000004351363503524500262400ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<'PLTE tRNS "#*-7:;B/*>OIDAT[c>@@18! e42C'l@ Tbe 5@R3QWxIENDB`materia-theme-20200320/src/gtk-2.0/assets/menu-checkbox-checked.png000066400000000000000000000004611363503524500244720ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTEU3fqstsrtsttsssss+tRNSHIKv}9+TIDATeY0CC]Zg(t//8hD vM p9P^@SLeҒ@Zok3,-R#xv XIENDB`materia-theme-20200320/src/gtk-2.0/assets/menu-checkbox-mixed-disabled.png000066400000000000000000000003221363503524500257530ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEOtRNS:;B [Q$IDATcvCÉ d0*pKPd%fIENDB`materia-theme-20200320/src/gtk-2.0/assets/menu-checkbox-mixed.png000066400000000000000000000003351363503524500242120ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEqstssss1 tRNSHIK$IDATc0+ p d0*pKU! Gby6Xq$IENDB`materia-theme-20200320/src/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png000066400000000000000000000003151363503524500266000ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEOtRNS:;B [QIDATcvCÉ \[ u"%i>}IENDB`materia-theme-20200320/src/gtk-2.0/assets/menu-checkbox-unchecked.png000066400000000000000000000003221363503524500250310ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<OIDAT8!@@EP4 ͎t[iͧ>0sM0c‘"7rjgjqbD[ (,LIENDB`materia-theme-20200320/src/gtk-2.0/assets/menu-radio-checked-disabled.png000066400000000000000000000006211363503524500255450ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<QPLTE\BtRNS $%&',-017;=>?@ABIlIDATWeK DQ&0? ^vdŽ@X$I@2M5}HC?HG:c-#tcQ5შLϒe<$wL[bjvMZ:wRb.P ߐIENDB`materia-theme-20200320/src/gtk-2.0/assets/menu-radio-checked.png000066400000000000000000000010401363503524500237740ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE3f+$mtjvvrvsqtqruqtrttssrsrstssttssssssssssssssssssssssa5tRNS '*+,-/06789bIDAT%B0OD)c W9x?mDVSզW|ZJfArp84~JG[UUK *qq jr88 jQT%6o|ʘƐz7´~[UT*SMxm[zt"4+mB?JpIENDB`materia-theme-20200320/src/gtk-2.0/assets/menu-radio-mixed-disabled.png000066400000000000000000000005471363503524500252740ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<BPLTEtRNS $%&'017;>?@AB'uIDATWeK C(UQ F|&CiB$8)`,sRW"7sZ; ,%_Z\,0E`<AS۞%n=GtZrjIxcr,IENDB`materia-theme-20200320/src/gtk-2.0/assets/menu-radio-mixed.png000066400000000000000000000007261363503524500235260ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE3f+$mtjmsqtqruqtrttssrsrstssssssssssssssssss!ĥ*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-20200320/src/gtk-2.0/assets/menu-radio-unchecked.png000066400000000000000000000006421363503524500243460ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<`PLTEO tRNS !"UVWXYZ[pqrkIDAT= EF.J /30cJq1׷r1Sُ֎!a[`x.E&h3ͤHdixL3)(%;\.\:*&ku?3*O?ǔܱr YIENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-down-alt-disabled.png000066400000000000000000000003131363503524500244200ustar00rootroot00000000000000PNG  IHDRbsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE57tRNS!B!IDAT[c` o``dSn C}FK5!IENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-down-alt.png000066400000000000000000000003161363503524500226560ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<KIDAT8c` Alf``0Ie``Ifl3C3.U3>`0200¥yP E IENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-down-disabled.png000066400000000000000000000003161363503524500236450ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<KIDAT8c` &g``0Ib`` Efl3C3.U3>`0200yP .nTIENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-down.png000066400000000000000000000003131363503524500220750ustar00rootroot00000000000000PNG  IHDRbsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE57tRNShovYt!IDAT[c` o``dSn C}FK5!IENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-left-alt-disabled.png000066400000000000000000000003121363503524500244020ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<GIDAT8c`1@6fBԌ431𐁁.%mX h3!>BD7 V*IENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-left-alt.png000066400000000000000000000003201363503524500226340ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<MIDAT8c`1}5fBԌ431a%mX h3!2000200"BPy- <8?VIENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-left-disabled.png000066400000000000000000000003201363503524500236230ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<MIDAT8c`1 5fBԌ431p %mX h3!^1000200 BP u;IENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-left-semi.png000066400000000000000000000003171363503524500230170ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<LIDAT8  F%$Vr%p0&o³E h@ *!"@DqqlZ V PQ yIENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-left.png000066400000000000000000000003021363503524500220560ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT8c`1 R(LȚqG3QeOb4 DxC(v VLgIJ\1ÄD,9 dg"O d@ D]>IENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-right.png000066400000000000000000000003071363503524500222460ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<DIDAT8c`֠RQj=J @!LDb ````IZT/䓪4 [3?>rQ]IENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-up-alt-disabled.png000066400000000000000000000003021363503524500240730ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT8c`4 0Ь `a! @׌tpi&Q0j],<IENDB`materia-theme-20200320/src/gtk-2.0/assets/pan-up-alt.png000066400000000000000000000002771363503524500223410ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<Z?nd0>[Jrd%CPPm?J N?@B;5cIDAT(˖0Do@4" /MMgKIu~UvY8NZ4]wcIϦ RV\-'Wjy֒M0=Pk4쾃 *ԀO<4* EL9X2 r'Kqe[^*88Vt ;uX Z) W,WM;'IENDB`materia-theme-20200320/src/gtk-2.0/assets/radio-checked-hover.png000066400000000000000000000013571363503524500241660ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUfsmmmoplquljpmrqsrtsrqrqsrtrsrsrsrssqrrrrsrsrrtsrtrsrssssssrsssstssttsrssapJtRNS !"#())*CDEWXY`abcdeeghijkz{||~SO*IDAT(uR@EE*;lB0R짙>Uwzm*b)eEPQKE)^:|׮3YD".E6v×e9f|)j#P<ДmeaCWg%UP0 fe >L!-kPI<>Z 7rfLWq!o@25Y:gpVRIM=oZiKJgK1/~mˏvOdN'J]m5Sm :[m:za%fgBJY/"@AOIENDB`materia-theme-20200320/src/gtk-2.0/assets/radio-checked.png000066400000000000000000000012331363503524500230360ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEU3f+tjvmsqtrtrtrtrtstrsrtrsrsrssssssrssstsrsssstssstsssssssssssssss"nCtRNS *+,ABCKLMNOPQSTUVWhijkmoqAIDATVQwP) #9ʹ=wڳ6txG`P3)--S$98}MߊƁדf\&kϴzTVreΤF S\.814[aIENDB`materia-theme-20200320/src/gtk-2.0/assets/radio-mixed-active.png000066400000000000000000000012641363503524500240330ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE trurtrrsusrpttpsqtsrttsrtsusrsrtsrtstsstsstsrsstrsssrtssstrsttsstss{DtRNS /01BCCGHIJKKOPPQefgwwxmjIDAT(}{[0'J8%YxR p~dnC.=;ݹUzfU]#D3/fhD7 &L"u:k([r8Z<M)a 8&ߜmr$`k dZy`EP,b E,@ R:REpXOxBV䁏Ė-i7O.k|.-5'@4r/{mj-2{5(5ZۛǛgK2\פJ23UIENDB`materia-theme-20200320/src/gtk-2.0/assets/radio-mixed-disabled.png000066400000000000000000000006661363503524500243340ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<TPLTE}tRNS #$*+789>?@ABM#IDAT(ϝQI0 i!di@geIfhfk,id.΅Uo#76[DzZYONr~,.pS"0~th9UI(@b P3]K9ڒ6s+n˼A*yl^]!^1w<=w].IENDB`materia-theme-20200320/src/gtk-2.0/assets/radio-mixed-hover.png000066400000000000000000000012701363503524500237000ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUfsmmmoplqquljpmrqststqsrtrsrsrsrqrrsrqssrsrrstsrtrsssssrsssststtrsss3^EtRNS !""#())*CDEXYZcdeeghijk|}~՗IDAT(}V0C[HkKQ**bP,}WR2 4n#';Øa(YcFEYtdIf&#Y3Z.WMN_`@oMN[h'AN/֛b*;t 9yi*:8Rϸ% ˝E σ ,i@ԎR8dj'wn=4R٪Ѻ[>\5?&1 O/,jIENDB`materia-theme-20200320/src/gtk-2.0/assets/radio-mixed.png000066400000000000000000000011501363503524500225540ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEU3f+tjvmsqttrtrtstrsrtrstststsrssrsssstsrssssstssssssssssssss~>tRNS *+,BCDNOPQSTUVWjlmnopqrsIDATV@Ĉ)yDeG?Vc!27ӃUzp1wbXD%A| B @° b!S/>fB9BIĭLDnN;VE'NqdAUk 5Vߓ B1Ҥ9IENDB`materia-theme-20200320/src/gtk-2.0/assets/radio-unchecked-active.png000066400000000000000000000010331363503524500246500ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<~PLTE*tRNS"#/034569GHRSYZ[\]efghituvfIDAT(} 7525̔ 6Lj?o`q|!r9W7]qHg8zeEq)mܠNHB iFP-.i2/DA4 (׃|nj ,k- YX*@,nvP} -ꇔNGI2l7>^т}v K`IENDB`materia-theme-20200320/src/gtk-2.0/assets/radio-unchecked-disabled.png000066400000000000000000000006521363503524500251520ustar00rootroot00000000000000PNG  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-20200320/src/gtk-2.0/assets/radio-unchecked-hover.png000066400000000000000000000011161363503524500245220ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE: *2tRNS +,89?@ABCDMNOPQRS_`amnop{IDAT(}v0GĆ iQ(J1/C&X;9e3!r\˻ j* '89, (@!;KT@ =X1.xO Hp}Il >"Gi@!P+#p}^ ٸ+Ѹ1?h|d Kr[v"Щm5>y+{.qQ3YZ<)]>>Ä> 8`RIENDB`materia-theme-20200320/src/gtk-2.0/assets/radio-unchecked.png000066400000000000000000000010201363503524500233730ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEb+!-tRNS'(/01234>?@ABCDQRSTabcd~HMIDAT(Q0TVDrؒ>G(2eMle/j(mА~ZԉeVB\]OjĐ->`= DFUk,XhJao@~qBVf} si1mfIkO L\:=(_>K_WFx[3}IENDB`materia-theme-20200320/src/gtk-2.0/assets/scale-horz-trough-active.png000066400000000000000000000002601363503524500252010ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<-IDATHc``TWYLhQ0 hۅےIENDB`materia-theme-20200320/src/gtk-2.0/assets/scale-horz-trough-disabled.png000066400000000000000000000002531363503524500254770ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<(IDATHc``f=&D!`Q@ 栂WIENDB`materia-theme-20200320/src/gtk-2.0/assets/scale-horz-trough.png000066400000000000000000000002531363503524500237320ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<(IDATHc``f&D!`Q@ ĹIENDB`materia-theme-20200320/src/gtk-2.0/assets/scale-slider-active.png000066400000000000000000000011031363503524500241700ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE+$m$m ` qsyytrowsssqqwtqrusssqrrqtqustrtsrtrsstssttssfF3tRNS (*+++,-/233<=CCDDFFGKLZ}IDAT(uR0 .܃ |w$b?Oۻ$Ms ,>w,BY!܏PUaBjJދ➜V}R.TM15}׈8 G#ܐ@=卐#!tᅄ ][nV!1V=0k=0PlhQ|kLrYCtx'gFYj1]OyB>dzC,cyIENDB`materia-theme-20200320/src/gtk-2.0/assets/scale-slider-disabled.png000066400000000000000000000004611363503524500244720ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTE!4tRNS !|}~V%aTIDAT "OkBLS;M{I3QAtD"2:CdtFWt(?I3~RfWI kШS&IENDB`materia-theme-20200320/src/gtk-2.0/assets/scale-slider-hover.png000066400000000000000000000007501363503524500240470ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<oPLTEUqjbvviqqksmhplmjouqqrqrrsstrrstts?s.$tRNS #$6}~[~IDAT(uRm \ifjic!H;Ǝ!HRRi, yw>'$zt5L,d8cWS>)j> bj(gsU+ADO\V(<)+($+|ɰ(j޹c;0}|ASTR2#=CPk ?ɣ),kCIENDB`materia-theme-20200320/src/gtk-2.0/assets/scale-slider.png000066400000000000000000000004611363503524500227250ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTE+$mqtstssssssssssq*tRNSlmn}gTIDAT "OkBLS;M{I3QAtD"2:CdtFWt(?I3~RfWI kШS&IENDB`materia-theme-20200320/src/gtk-2.0/assets/scale-vert-trough-active.png000066400000000000000000000002571363503524500252050ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<,IDATHc`@ID+njZ0jɂQ0 (8fwIENDB`materia-theme-20200320/src/gtk-2.0/assets/scale-vert-trough-disabled.png000066400000000000000000000002511363503524500254730ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<&IDATHc`@L4rȨZ0,rS>uIENDB`materia-theme-20200320/src/gtk-2.0/assets/scale-vert-trough.png000066400000000000000000000002511363503524500237260ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<&IDATHc` L4rȨZ0,r[}IENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-horz-slider-active.png000066400000000000000000000004151363503524500260510ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8б AOT33-B Lˍ1EeO>~f2 .ݠʽ`qw2?:#I2x`^ijDsArj:ܰ;dL0Gڂq{IENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-horz-slider-disabled.png000066400000000000000000000003671363503524500263530ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS ,-.=>?Bg_j5IDAT[c` 0EpgΜfEΜ9 X@L4) 3B߮IENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-horz-slider-hover.png000066400000000000000000000004071363503524500257220ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8ѻ @E'@Drp3(r-N Cn7|t5aaVB;1ǽDR}dB֑b0IϩDS"3[70]n5x̦ HA&JIENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-horz-slider.png000066400000000000000000000003671363503524500246060ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS @BCZ[\a5IDAT[c` 0EgΜfEΜ9L4)3 DrtIENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-horz-trough.png000066400000000000000000000002141363503524500246230ustar00rootroot00000000000000PNG  IHDRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org< IDATcxf|IENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png000066400000000000000000000004211363503524500266430ustar00rootroot00000000000000PNG  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-20200320/src/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png000066400000000000000000000003731363503524500271450ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS ,-.=>?Bg_j9IDATc` v8AL3+Y3gt80Ț&dNRnHhs:IENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png000066400000000000000000000004101363503524500265110ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8ѱ @ 4 l1Y!CB\e [zd, 4pE -3HC,sHa_ . ȳ ȵ|?3Up;^rNC=HbIENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-vert-ltr-slider.png000066400000000000000000000003731363503524500254000ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS @BCZ[\a9IDATc` vAL3+Y3gt80Ț+3&1FÐyClIENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-vert-ltr-trough.png000066400000000000000000000002131363503524500254170ustar00rootroot00000000000000PNG  IHDRI VsBIT [ pHYs+tEXtSoftwarewww.inkscape.org< IDATcxII3SIENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png000066400000000000000000000004201363503524500266420ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8Э AHiG4@P8*8]AaN--d͗ҧ4 Po*7<GL50@vGxcYrIITFȧy"џT8+<҅Q48c9`}0IENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png000066400000000000000000000003721363503524500271440ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS ,-.=>?Bg_j8IDAT[c` 0E(@X3gAX3gN:gΜat1ϙ3'&BXL m{tIENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png000066400000000000000000000004121363503524500265130ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8ѽ AЧ&bupX׌-XEb"\ FF ܲܗͷc`g67Цy@k-`U?pyt uhim-, [ ȳ ȥ}/S,F>4q+l9/hC'?sIENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-vert-rtl-slider.png000066400000000000000000000003721363503524500253770ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS @BCZ[\a8IDAT[c` 0E*@X3gAX3gN:gΜatpGUL9IENDB`materia-theme-20200320/src/gtk-2.0/assets/scrollbar-vert-rtl-trough.png000066400000000000000000000002131363503524500254170ustar00rootroot00000000000000PNG  IHDRI VsBIT [ pHYs+tEXtSoftwarewww.inkscape.org< IDATcCIENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-ltr-down-active.png000066400000000000000000000002571363503524500243470ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<,IDAT(cd``f8D%`Ah :J%sh  ;0IENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-ltr-down-disabled.png000066400000000000000000000002571363503524500246430ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<,IDAT(cd``bD%`Ah ,̺I%sh mGIENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-ltr-down-hover.png000066400000000000000000000002571363503524500242170ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<,IDAT(cd``exD%`Ah ZI%sh |`IENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-ltr-down.png000066400000000000000000000002571363503524500230760ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<,IDAT(cd``bD%`Ah =N%sh E]iIENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-ltr-up-active.png000066400000000000000000000003151363503524500240170ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<JIDAT(Ρ 0GSUL?HW@6h'/c,8>nohz~ɨQ"7EF9|#NhIENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-ltr-up-disabled.png000066400000000000000000000003031363503524500243100ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<@IDAT(1 gE mu)Ůd#gqP晌{vv.ωS4|pY&?OIENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-ltr-up-hover.png000066400000000000000000000003111363503524500236630ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<FIDAT(1 0 *]=kvzE:nXfςSƏ1 %- BOr IENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-ltr-up.png000066400000000000000000000003031363503524500225430ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<@IDAT(1 gE mu)Ůd#gqP晌{vv.ωS4|pY&?OIENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-rtl-down-active.png000066400000000000000000000002441363503524500243430ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<!IDAT(cd@k*&j2j 7mDm'&4IENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-rtl-down-disabled.png000066400000000000000000000002441363503524500246370ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<!IDAT(cd@.*&j2j 7-Km'\%9:MUIENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-rtl-down-hover.png000066400000000000000000000002441363503524500242130ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<!IDAT(cd@Y*&j2j 7mEm'iW鱃IENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-rtl-down.png000066400000000000000000000002441363503524500230720ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<!IDAT(cd@.*&j2j 7mOm'z[-[IENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-rtl-up-active.png000066400000000000000000000003021363503524500240130ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT(c` B\ LHlyJ C7R uR ~='%IENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-rtl-up-disabled.png000066400000000000000000000002751363503524500243200ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<:IDAT(c` H6\ VJ C7 *2 uR ~R,kIENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-rtl-up-hover.png000066400000000000000000000003001363503524500236610ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<=IDAT(c` D bȚ(5 @6J C7bQ͐e ǬczIENDB`materia-theme-20200320/src/gtk-2.0/assets/spin-rtl-up.png000066400000000000000000000002751363503524500225530ustar00rootroot00000000000000PNG  IHDR U~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<:IDAT(c` H6\ VJ C7 *2 uR ~R,kIENDB`materia-theme-20200320/src/gtk-2.0/assets/tab.png000066400000000000000000000002161363503524500211220ustar00rootroot00000000000000PNG  IHDRwSsBITO pHYs+tEXtSoftwarewww.inkscape.org< IDATc*~ vIENDB`materia-theme-20200320/src/gtk-2.0/assets/treeview-ltr-button-active.png000066400000000000000000000002161363503524500255670ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATc8C )p<IENDB`materia-theme-20200320/src/gtk-2.0/assets/treeview-ltr-button-hover.png000066400000000000000000000002161363503524500254370ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATcxC pIENDB`materia-theme-20200320/src/gtk-2.0/assets/treeview-ltr-button.png000066400000000000000000000002161363503524500243160ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATcC (IENDB`materia-theme-20200320/src/gtk-2.0/assets/treeview-rtl-button-active.png000066400000000000000000000002161363503524500255670ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATcxxC >p+IENDB`materia-theme-20200320/src/gtk-2.0/assets/treeview-rtl-button-hover.png000066400000000000000000000002161363503524500254370ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATcxC htIENDB`materia-theme-20200320/src/gtk-2.0/assets/treeview-rtl-button.png000066400000000000000000000002161363503524500243160ustar00rootroot00000000000000PNG  IHDRWRsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<IDATcxC GIENDB`materia-theme-20200320/src/gtk-2.0/gtkrc000066400000000000000000000024141363503524500174030ustar00rootroot00000000000000# Based on Bridge by ScionicSpectre and Adwaita by GNOME # vim:set ts=2 sw=2 sts=2 ai et: # # This is the GTK 2 version of Materia. It's whole purpose is to look as the # GTK 3 version as much as possible until GTK 2 dies completely. # # Note: comments for explaining styles are on the bottom of each file beside the # widget matches. # Declare the colours used throughout the theme. # There shouldn't be any fiddling with them in the theme files themselves in # order to not mess up the dark theme. # Text/base gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" # Foreground/background gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" # Selected foreground/background gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#1A73E8" # Titlebar foreground/background gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#383838" # Menus gtk-color-scheme = "menu_color:#FFFFFF" # Tooltips foreground/background gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" # Links gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" # Set GTK settings gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 # And hand over the control to the theme files include "main.rc" include "apps.rc" include "hacks.rc" materia-theme-20200320/src/gtk-2.0/gtkrc-dark000066400000000000000000000024141363503524500203220ustar00rootroot00000000000000# Based on Bridge by ScionicSpectre and Adwaita by GNOME # vim:set ts=2 sw=2 sts=2 ai et: # # This is the GTK 2 version of Materia. It's whole purpose is to look as the # GTK 3 version as much as possible until GTK 2 dies completely. # # Note: comments for explaining styles are on the bottom of each file beside the # widget matches. # Declare the colours used throughout the theme. # There shouldn't be any fiddling with them in the theme files themselves in # order to not mess up the dark theme. # Text/base gtk-color-scheme = "text_color:#EEEEEE\nbase_color:#242424" # Foreground/background gtk-color-scheme = "fg_color:#EEEEEE\nbg_color:#181818" # Selected foreground/background gtk-color-scheme = "selected_fg_color:#212121\nselected_bg_color:#8AB4F8" # Titlebar foreground/background gtk-color-scheme = "titlebar_fg_color:#EEEEEE\ntitlebar_bg_color:#2d2d2d" # Menus gtk-color-scheme = "menu_color:#343434" # Tooltips foreground/background gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" # Links gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" # Set GTK settings gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 # And hand over the control to the theme files include "main.rc" include "apps.rc" include "hacks.rc" materia-theme-20200320/src/gtk-2.0/gtkrc-light000066400000000000000000000024141363503524500205100ustar00rootroot00000000000000# Based on Bridge by ScionicSpectre and Adwaita by GNOME # vim:set ts=2 sw=2 sts=2 ai et: # # This is the GTK 2 version of Materia. It's whole purpose is to look as the # GTK 3 version as much as possible until GTK 2 dies completely. # # Note: comments for explaining styles are on the bottom of each file beside the # widget matches. # Declare the colours used throughout the theme. # There shouldn't be any fiddling with them in the theme files themselves in # order to not mess up the dark theme. # Text/base gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" # Foreground/background gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" # Selected foreground/background gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#1A73E8" # Titlebar foreground/background gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#E0E0E0" # Menus gtk-color-scheme = "menu_color:#FFFFFF" # Tooltips foreground/background gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" # Links gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" # Set GTK settings gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 # And hand over the control to the theme files include "main.rc" include "apps.rc" include "hacks.rc" materia-theme-20200320/src/gtk-2.0/hacks.rc000066400000000000000000000022001363503524500177560ustar00rootroot00000000000000# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This file contains horrible hacks to make this theme work with some programs # This is mostly due to the limitations of GTK 2 but sometimes its the fault of # the programs themselves. Not going to point fingers. # # Either way, it's a WONTFIX for both, hence this horrible file. style "toplevel_hack" { engine "adwaita" {} } style "chrome_entry" { base[NORMAL] = @base_color base[INSENSITIVE] = @base_color } style "vim_notebook" { bg[NORMAL] = @base_color bg[ACTIVE] = @bg_color } # Vim puts an eventbox between the tab and the label and colours it, # we need to handle that widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" # (he)xchat input box class "SexySpellEntry" style:highest "normal_entry" # Chromium uses base as the fill colour of its own entries # This would be fine but GTK uses it to fill the surrounding space, so its set to bg # That results in Chromium using it for the fill, so we need to handle that widget_class "*Chrom*" style "chrome_entry" # Hack to be able to match widgets in LibreOffice class "GtkWindow" style "toplevel_hack" materia-theme-20200320/src/gtk-2.0/main.rc000066400000000000000000002017471363503524500176320ustar00rootroot00000000000000# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This is the main theme file, handling all the default widgets and theme # properties. Since GTK 2 is old, we need to overcome some of its limitations, # which is also mostly done in this file. Sadly not all of them can be overcome # so there will always be a visible difference between the GTK 2 and 3 theme. style "default" { xthickness = 1 ythickness = 1 #################### # Style Properties # #################### GtkWidget::focus-padding = 0 GtkWidget::focus-line-width = 2 GtkWidget::focus-line-pattern = "\2\1" GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins) GtkToolbar::internal-padding = 2 GtkToolButton::icon-spacing = 4 GtkWidget::tooltip-radius = 4 GtkWidget::tooltip-alpha = 230 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @visited_link_color GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkHTML::vlink-color = @visited_link_color GtkIMHtml::hyperlink-color = @link_color GtkIMHtml::hyperlink-visited-color = @visited_link_color GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 3 GtkButton::child-displacement-y = 0 GtkButton::default-border = {0, 0, 0, 0} GtkButton::default-outside-border = {0, 0, 0, 0} GtkButton::inner-border = {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 = {8, 8, 4, 4} GtkTreeView::expander-size = 16 GtkTreeView::vertical-separator = 0 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 0 # Set this because some apps read it GtkTreeView::odd-row-color = @base_color GtkTreeView::even-row-color = @base_color GtkExpander::expander-size = 16 GtkNotebook::tab-overlap = 0 ########## # Colors # ########## bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) bg[INSENSITIVE] = @bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @fg_color fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @text_color text[INSENSITIVE] = mix (0.5, @text_color, @base_color) text[ACTIVE] = @text_color base[NORMAL] = @base_color base[PRELIGHT] = mix (0.08, @text_color, @base_color) base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) # For succinctness, all reasonable pixmap options remain here # Draw frame around menu in a non-compositied environment # This needs to go before pixmap because we need to override some stuff engine "adwaita" {} engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/checkbox-unchecked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-disabled.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/checkbox-checked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/checkbox-checked-disabled.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-disabled.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/radio-unchecked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/radio-unchecked-disabled.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/radio-checked-disabled.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-disabled.png" overlay_stretch = FALSE } ########## # Arrows # ########## # Overrides # Disable arrows in spinbuttons image { function = ARROW detail = "spinbutton" } # Disable arrows for qt in scrollbars image { function = ARROW detail = "vscrollbar" } image { function = ARROW detail = "hscrollbar" } # Menu arrows image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/pan-left-disabled.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/pan-right-disabled.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/pan-up-disabled.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_up" overlay_file = "assets/pan-up.png" overlay_stretch = FALSE } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_down" overlay_file = "assets/pan-down-disabled.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-alt-disabled.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-alt-disabled.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left-alt.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-alt-disabled.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right-alt.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-alt-disabled.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-alt-disabled.png" overlay_stretch = FALSE } ######### # Lines # ######### image { function = VLINE file = "assets/border.png" border = {1, 0, 0, 0} } image { function = HLINE file = "assets/border.png" border = {0, 0, 1, 0} } ######### # Focus # ######### image { function = FOCUS file = "assets/focus.png" border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle-vert.png" overlay_stretch = FALSE } image { function = HANDLE state = NORMAL overlay_file = "assets/handle-horz.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = PRELIGHT overlay_file = "assets/handle-horz-hover.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = ACTIVE overlay_file = "assets/handle-horz-active.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = NORMAL overlay_file = "assets/handle-vert.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = HANDLE state = PRELIGHT overlay_file = "assets/handle-vert-hover.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = HANDLE state = ACTIVE overlay_file = "assets/handle-vert-active.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED state = NORMAL file = "assets/pan-down-alt.png" } image { function = EXPANDER expander_style = EXPANDED state = PRELIGHT file = "assets/pan-down.png" } image { function = EXPANDER expander_style = EXPANDED state = ACTIVE file = "assets/pan-down.png" } image { function = EXPANDER expander_style = EXPANDED state = INSENSITIVE file = "assets/pan-down-alt-disabled.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED state = NORMAL file = "assets/pan-right-alt.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = PRELIGHT file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = ACTIVE file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = INSENSITIVE file = "assets/pan-right-alt-disabled.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED state = NORMAL file = "assets/pan-left-alt.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = PRELIGHT file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = ACTIVE file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = INSENSITIVE file = "assets/pan-left-alt-disabled.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-left-semi.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-left-semi.png" direction = RTL } ############# # Notebooks # ############# # Left image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {0, 1, 0, 0} stretch = TRUE gap_side = RIGHT } image { function = EXTENSION gap_side = RIGHT } # Right image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {1, 0, 0, 0} stretch = TRUE gap_side = LEFT } image { function = EXTENSION gap_side = LEFT } # Up image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {0, 0, 0, 1} stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION gap_side = BOTTOM } # Down image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {0, 0, 1, 0} stretch = TRUE gap_side = TOP } image { function = EXTENSION gap_side = TOP } # Inner frame image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab.png" gap_border = {1, 0, 0, 0} gap_side = LEFT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab.png" gap_border = {0, 1, 0, 0} gap_side = RIGHT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab.png" gap_border = {0, 0, 1, 0} gap_side = TOP } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab.png" gap_border = {0, 0, 0, 1} gap_side = BOTTOM } # Standalone frame image { function = BOX detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE } ############## # Scrollbars # ############## image { function = BOX detail = "trough" file = "assets/scrollbar-horz-trough.png" border = {0, 0, 1, 0} orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-ltr-trough.png" border = {1, 0, 0, 0} orientation = VERTICAL direction = LTR } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-rtl-trough.png" border = {0, 1, 0, 0} orientation = VERTICAL direction = RTL } # Horizontal sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-horz-slider.png" border = {8, 8, 9, 8 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-horz-slider-hover.png" border = {8, 8, 9, 8 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-horz-slider-active.png" border = {8, 8, 9, 8 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = INSENSITIVE detail = "slider" file = "assets/scrollbar-horz-slider-disabled.png" border = {8, 8, 9, 8 } stretch = TRUE orientation = HORIZONTAL } # Vertical sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-ltr-slider.png" border = {9, 8, 8, 8} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-ltr-slider-hover.png" border = {9, 8, 8, 8} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-ltr-slider-active.png" border = {9, 8, 8, 8} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = INSENSITIVE detail = "slider" file = "assets/scrollbar-vert-ltr-slider-disabled.png" border = {9, 8, 8, 8} stretch = TRUE orientation = VERTICAL direction = LTR } # RTL image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-rtl-slider.png" border = {8, 9, 8, 8} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-rtl-slider-hover.png" border = {8, 9, 8, 8} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-rtl-slider-active.png" border = {8, 9, 8, 8} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = INSENSITIVE detail = "slider" file = "assets/scrollbar-vert-rtl-slider-disabled.png" border = {8, 9, 8, 8} stretch = TRUE orientation = VERTICAL direction = RTL } ########## # Scales # ########## # Troughs, overrided later on. We set them here too because some widgets # don't specify their orientation. image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {6, 6, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX state = INSENSITIVE detail = "trough-upper" file = "assets/scale-horz-trough-disabled.png" border = {6, 6, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {6, 6, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX state = INSENSITIVE detail = "trough-lower" file = "assets/scale-horz-trough-disabled.png" border = {6, 6, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 6, 6} stretch = TRUE orientation = VERTICAL } image { function = BOX state = INSENSITIVE detail = "trough-upper" file = "assets/scale-vert-trough-disabled.png" border = {0, 0, 6, 6} stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 6, 6} stretch = TRUE orientation = VERTICAL } image { function = BOX state = INSENSITIVE detail = "trough-lower" file = "assets/scale-vert-trough-disabled.png" border = {0, 0, 6, 6} stretch = TRUE orientation = VERTICAL } # Sliders image { function = SLIDER state = NORMAL detail = "hscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "hscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "hscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "hscale" file = "assets/scale-slider-disabled.png" } image { function = SLIDER state = NORMAL detail = "vscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "vscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "vscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "vscale" file = "assets/scale-slider-disabled.png" } ########### # Menubar # ########### # image { # function = BOX # detail = "menubar" # file = "assets/border.png" # border = {0, 0, 0, 1} # } ######### # Menus # ######### image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_up" file = "assets/border.png" } image { function = BOX detail = "menu_scroll_arrow_up" file = "assets/border.png" border = {0, 0, 0, 1} } image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_down" file = "assets/border.png" } image { function = BOX detail = "menu_scroll_arrow_down" file = "assets/border.png" border = {0, 0, 1, 0} } ########### # Entries # ########### image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-disabled.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-disabled.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } ######### # Spins # ######### # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-ltr-up.png" border = {0, 8, 8, 0} stretch = TRUE overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-ltr-up-hover.png" border = {0, 8, 8, 0} stretch = TRUE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-active.png" border = {0, 8, 8, 0} stretch = TRUE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-disabled.png" border = {0, 8, 8, 0} stretch = TRUE overlay_file = "assets/pan-up-alt-disabled.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-rtl-up.png" border = {8, 0, 8, 0} stretch = TRUE overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {8, 0, 8, 0} stretch = TRUE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {8, 0, 8, 0} stretch = TRUE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-disabled.png" border = {8, 0, 8, 0} stretch = TRUE overlay_file = "assets/pan-up-alt-disabled.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-ltr-down.png" border = {0, 8, 0, 8} stretch = TRUE overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-ltr-down-hover.png" border = {0, 8, 0, 8} stretch = TRUE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-active.png" border = {0, 8, 0, 8} stretch = TRUE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-disabled.png" border = {0, 8, 0, 8} stretch = TRUE overlay_file = "assets/pan-down-alt-disabled.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-rtl-down.png" border = {8, 0, 0, 8} stretch = TRUE overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-rtl-down-hover.png" border = {8, 0, 0, 8} stretch = TRUE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-active.png" border = {8, 0, 0, 8} stretch = TRUE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-disabled.png" border = {8, 0, 0, 8} stretch = TRUE overlay_file = "assets/pan-down-alt-disabled.png" overlay_stretch = FALSE direction = RTL } ############## # Scrollbars # ############## image { function = BOX detail = "bar" file = "assets/progressbar-progress.png" stretch = TRUE border = {0, 0, 0, 0} orientation = HORIZONTAL } image { function = BOX detail = "bar" file = "assets/progressbar-progress.png" stretch = TRUE border = {0, 0, 0, 0} orientation = VERTICAL } ############# # Treeviews # ############# # Disable active the column highlight # We need to match specific cells or we break stuff # Looking at you deadbeef image { function = FLAT_BOX detail = "cell_even_sorted" state = NORMAL } image { function = FLAT_BOX detail = "cell_odd_sorted" state = NORMAL } # Disable all the other shadows # This prevents the Raleigh effect image { function = SHADOW } } } style "menubar" { bg[NORMAL] = @titlebar_bg_color fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) fg[PRELIGHT] = @titlebar_fg_color fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) # Needed to fix Firefox's menubar text bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) fg[SELECTED] = @titlebar_fg_color } style "menubar_item" { xthickness = 3 ythickness = 4 fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) fg[PRELIGHT] = @titlebar_fg_color fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) } style "menu" { xthickness = 0 ythickness = 0 bg[NORMAL] = @menu_color bg[INSENSITIVE] = @menu_color bg[PRELIGHT] = @menu_color bg[SELECTED] = mix(0.08, @fg_color, @menu_color) } style "menu_item" { xthickness = 4 ythickness = 4 bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) fg[PRELIGHT] = @fg_color # Chromium uses this setting bg[SELECTED] = mix(0.08, @fg_color, @menu_color) text[SELECTED] = @fg_color # Some widgets use text, we need to handle that text[NORMAL] = @fg_color text[PRELIGHT] = @fg_color # Unfortunately we can't tell regular and menu checks/radios apart # Without the heirarchy engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/menu-checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/menu-checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/menu-checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-checkbox-unchecked-disabled.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/menu-checkbox-checked-disabled.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-disabled.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-unchecked-disabled.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-disabled.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-disabled.png" overlay_stretch = FALSE } } } style "separator_menu_item" { xthickness = 0 ythickness = 2 engine "pixmap" { image { function = BOX file = "assets/border.png" border = {0, 0, 0, 1} } } } style "button_label" { # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) font_name = "Medium" } style "normal_button_label" { # fg[NORMAL] = @fg_color # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) font_name = "Regular" } style "button" { xthickness = 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-disabled.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" { base[NORMAL] = @bg_color base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) base[INSENSITIVE] = @bg_color base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) # We set this same as the border of the border of the entry # This way there's no overlap xthickness = 6 ythickness = 6 } style "combobox" { xthickness = 6 ythickness = 6 # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/entry.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = PRELIGHT file = "assets/entry-hover.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/entry-active.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/entry-disabled.png" border = {8, 8, 8, 8} stretch = TRUE } } } style "combobox_cellview" { # text[NORMAL] = mix(0.7, @fg_color, @bg_color) # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) } style "combobox_entry" { # Since one side of the button is missing, we need to shift the arrow a little to the right GtkButton::inner-border = {0, 2, 0, 0} engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-left-entry.png" border = {8, 8, 8, 8} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-left-entry-active.png" border = {8, 8, 8, 8} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-left-entry-disabled.png" border = {8, 8, 8, 8} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-right-entry.png" border = {8, 8, 8, 8} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-right-entry-active.png" border = {8, 8, 8, 8} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-right-entry-disabled.png" border = {8, 8, 8, 8} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-right-entry.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-right-entry-hover.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-right-entry-active.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-right-entry-disabled.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-left-entry.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-left-entry-hover.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-left-entry-active.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-left-entry-disabled.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.7, @fg_color, @bg_color) font_name = "Medium" } style "notebook_viewport" { bg[NORMAL] = @base_color } style "notebook_bg" { bg[NORMAL] = @base_color bg[PRELIGHT] = @base_color bg[INSENSITIVE] = @base_color } style "notebook_entry" { base[NORMAL] = @base_color base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) base[INSENSITIVE] = @base_color base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = @bg_color } style "normal_entry" { base[NORMAL] = @bg_color base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) base[INSENSITIVE] = @bg_color base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) } style "textview" { bg[NORMAL] = @base_color } style "scale_horz" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {6, 6, 0, 0} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {6, 6, 0, 0} stretch = TRUE } } } style "scale_vert" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 6, 6} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 6, 6} stretch = TRUE } } } style "progressbar" { xthickness = 0 ythickness = 0 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/progressbar-trough.png" border = {0, 0, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/progressbar-trough.png" border = {0, 0, 0, 0} stretch = TRUE orientation = VERTICAL } } } style "treeview_header" { xthickness = 2 ythickness = 2 fg[NORMAL] = mix(0.7, @fg_color, @base_color) fg[PRELIGHT] = @fg_color font_name = "Medium" GtkButton::inner-border = {4, 4, 0, 2} engine "pixmap" { image { function = BOX state = NORMAL file = "assets/treeview-ltr-button.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT file = "assets/treeview-ltr-button-hover.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE file = "assets/treeview-ltr-button-active.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX state = NORMAL file = "assets/treeview-rtl-button.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT file = "assets/treeview-rtl-button-hover.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE file = "assets/treeview-rtl-button-active.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = ARROW state = NORMAL overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } } } style "scrolled_window" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } } } style "frame" { engine "pixmap" { image { function = SHADOW shadow = NONE } image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } image { function = SHADOW_GAP file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE gap_start_file = "assets/border.png" gap_end_file = "assets/border.png" } } } style "tool_button" { GtkButton::inner-border = {2, 2, 2, 2} # For the sake of sanity style buttons this way engine "pixmap" { image { function = BOX state = NORMAL file = "assets/flat-button.png" border = {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-disabled.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = INSENSITIVE shadow = IN file = "assets/button-disabled.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" widget_class "*" style "combobox" # And disable separators on them widget_class "*.*" style "disable_separator" widget_class "**" style "disable_separator" widget_class "**" style "disable_separator" # Join together the ComboBoxEntry entry and button widget_class "**" style "combobox_entry" # Join the Combo entry and button widget_class "**" style "combobox_entry" # Tweak the padding on the button a little bit because it # uses it a bit differently widget_class "*." style "combo_button_padding" # Alas we cannot do the same for ComboBoxText because there # isn't a way to apply the style to only the comboboxes that # have an entry inside # Tool buttons have different styles widget_class "**" style "tool_button" widget_class "**.*" style "tool_button" # Notebooks widget_class "*." style "notebook_tab_label" widget_class "*.." style "notebook_tab_label" # Notebooks are white, act accordingly widget_class "**" style "notebook_entry" widget_class "**" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "***" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "*.*" style "notebook_bg" # However, stuff inside eventboxes inside notebooks is grey # again, react widget_class "***" style "normal_entry" widget_class "***" style "normal_bg" widget_class "***" style "normal_bg" # Button labels widget_class "*." style "button_label" # Normalize button labels widget_class "*." style "normal_button_label" widget_class "*." style "normal_button_label" # ComboBoxes tend to draw the button label with text[] # instead of fg[], we need to fix that widget_class "**" style "combobox_cellview" # Disable white text shadows widget_class "*" style "disable_text_shadow" widget_class "*" style "disable_text_shadow" # GTK tooltips widget "gtk-tooltip*" style "tooltip" materia-theme-20200320/src/gtk-2.0/main.rc.hidpi000066400000000000000000002023301363503524500207130ustar00rootroot00000000000000# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This is the main theme file, handling all the default widgets and theme # properties. Since GTK 2 is old, we need to overcome some of its limitations, # which is also mostly done in this file. Sadly not all of them can be overcome # so there will always be a visible difference between the GTK 2 and 3 theme. style "default" { xthickness = 2 ythickness = 2 #################### # Style Properties # #################### GtkWidget::focus-padding = 0 GtkWidget::focus-line-width = 4 GtkWidget::focus-line-pattern = "\2\1" GtkToolbar::space-size = 10 # 2 + 4*2 (separator + margins) GtkToolbar::internal-padding = 4 GtkToolButton::icon-spacing = 8 GtkWidget::tooltip-radius = 8 GtkWidget::tooltip-alpha = 230 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @visited_link_color GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkHTML::vlink-color = @visited_link_color GtkIMHtml::hyperlink-color = @link_color GtkIMHtml::hyperlink-visited-color = @visited_link_color GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 6 GtkButton::child-displacement-y = 0 GtkButton::default-border = {0, 0, 0, 0} GtkButton::default-outside-border = {0, 0, 0, 0} GtkButton::inner-border = {8, 8, 8, 8} GtkEntry::state-hint = 1 GtkEntry::inner-border = {8, 8, 8, 8} GtkPaned::handle-size = 16 GtkHPaned::handle-size = 16 GtkVPaned::handle-size = 16 GtkScrollbar::trough-border = 0 GtkRange::trough-border = 0 GtkRange::slider-width = 34 GtkRange::stepper-size = 0 GtkRange::activate-slider = 1 GtkScrollbar::activate-slider = 1 GtkScrollbar::stepper-size = 0 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 GtkScrollbar::min-slider-length = 64 # 48 + 2*8 (margins) GtkScrolledWindow::scrollbar-spacing = 0 GtkScrolledWindow::scrollbars-within-bevel = 1 GtkScale::slider_length = 48 GtkScale::slider_width = 48 GtkScale::trough-side-details = 1 GtkProgressBar::min-horizontal-bar-height = 8 GtkProgressBar::min-vertical-bar-width = 8 GtkProgressBar::xspacing = 8 GtkProgressBar::yspacing = 8 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkToolbar::shadow-type = GTK_SHADOW_NONE # TODO: find out what this comment means: # ( every window is misaligned for the sake of menus ): GtkMenuBar::internal-padding = 0 GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 8 GtkMenu::double-arrows = 0 GtkMenuItem::arrow-scaling = 1 GtkMenuItem::toggle-spacing = 24 GtkCheckButton::indicator-size = 48 GtkCheckButton::indicator_spacing = 4 GtkOptionMenu::indicator_spacing = {16, 16, 8, 8} GtkTreeView::expander-size = 32 GtkTreeView::vertical-separator = 0 GtkTreeView::horizontal-separator = 8 GtkTreeView::allow-rules = 0 # Set this because some apps read it GtkTreeView::odd-row-color = @base_color GtkTreeView::even-row-color = @base_color GtkExpander::expander-size = 32 GtkNotebook::tab-overlap = 0 ########## # Colors # ########## bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) bg[INSENSITIVE] = @bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @fg_color fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @text_color text[INSENSITIVE] = mix (0.5, @text_color, @base_color) text[ACTIVE] = @text_color base[NORMAL] = @base_color base[PRELIGHT] = mix (0.08, @text_color, @base_color) base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) # For succinctness, all reasonable pixmap options remain here # Draw frame around menu in a non-compositied environment # This needs to go before pixmap because we need to override some stuff engine "adwaita" {} engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/checkbox-unchecked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-disabled.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/checkbox-checked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/checkbox-checked-disabled.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-disabled.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/radio-unchecked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/radio-unchecked-disabled.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/radio-checked-disabled.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-disabled.png" overlay_stretch = FALSE } ########## # Arrows # ########## # Overrides # Disable arrows in spinbuttons image { function = ARROW detail = "spinbutton" } # Disable arrows for qt in scrollbars image { function = ARROW detail = "vscrollbar" } image { function = ARROW detail = "hscrollbar" } # Menu arrows image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/pan-left-disabled.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/pan-right-disabled.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/pan-up-disabled.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_up" overlay_file = "assets/pan-up.png" overlay_stretch = FALSE } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_down" overlay_file = "assets/pan-down-disabled.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-alt-disabled.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-alt-disabled.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left-alt.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-alt-disabled.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right-alt.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-alt-disabled.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-alt-disabled.png" overlay_stretch = FALSE } ######### # Lines # ######### image { function = VLINE file = "assets/border.png" border = {2, 0, 0, 0} } image { function = HLINE file = "assets/border.png" border = {0, 0, 2, 0} } ######### # Focus # ######### image { function = FOCUS file = "assets/focus.png" border = {10, 10, 10, 10} # Super strange, {8, 8, 8, 8} does not work properly... stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle-vert.png" overlay_stretch = FALSE } image { function = HANDLE state = NORMAL overlay_file = "assets/handle-horz.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = PRELIGHT overlay_file = "assets/handle-horz-hover.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = ACTIVE overlay_file = "assets/handle-horz-active.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = NORMAL overlay_file = "assets/handle-vert.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = HANDLE state = PRELIGHT overlay_file = "assets/handle-vert-hover.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = HANDLE state = ACTIVE overlay_file = "assets/handle-vert-active.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED state = NORMAL file = "assets/pan-down-alt.png" } image { function = EXPANDER expander_style = EXPANDED state = PRELIGHT file = "assets/pan-down.png" } image { function = EXPANDER expander_style = EXPANDED state = ACTIVE file = "assets/pan-down.png" } image { function = EXPANDER expander_style = EXPANDED state = INSENSITIVE file = "assets/pan-down-alt-disabled.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED state = NORMAL file = "assets/pan-right-alt.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = PRELIGHT file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = ACTIVE file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = INSENSITIVE file = "assets/pan-right-alt-disabled.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED state = NORMAL file = "assets/pan-left-alt.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = PRELIGHT file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = ACTIVE file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = INSENSITIVE file = "assets/pan-left-alt-disabled.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-left-semi.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-left-semi.png" direction = RTL } ############# # Notebooks # ############# # Left image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {0, 2, 0, 0} stretch = TRUE gap_side = RIGHT } image { function = EXTENSION gap_side = RIGHT } # Right image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {2, 0, 0, 0} stretch = TRUE gap_side = LEFT } image { function = EXTENSION gap_side = LEFT } # Up image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {0, 0, 0, 2} stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION gap_side = BOTTOM } # Down image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {0, 0, 2, 0} stretch = TRUE gap_side = TOP } image { function = EXTENSION gap_side = TOP } # Inner frame image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {2, 2, 2, 2} stretch = TRUE gap_file = "assets/tab.png" gap_border = {2, 0, 0, 0} gap_side = LEFT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {2, 2, 2, 2} stretch = TRUE gap_file = "assets/tab.png" gap_border = {0, 2, 0, 0} gap_side = RIGHT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {2, 2, 2, 2} stretch = TRUE gap_file = "assets/tab.png" gap_border = {0, 0, 2, 0} gap_side = TOP } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {2, 2, 2, 2} stretch = TRUE gap_file = "assets/tab.png" gap_border = {0, 0, 0, 2} gap_side = BOTTOM } # Standalone frame image { function = BOX detail = "notebook" file = "assets/frame-notebook.png" border = {2, 2, 2, 2} stretch = TRUE } ############## # Scrollbars # ############## image { function = BOX detail = "trough" file = "assets/scrollbar-horz-trough.png" border = {0, 0, 2, 0} orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-ltr-trough.png" border = {2, 0, 0, 0} orientation = VERTICAL direction = LTR } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-rtl-trough.png" border = {0, 2, 0, 0} orientation = VERTICAL direction = RTL } # Horizontal sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-horz-slider.png" border = {16, 16, 18, 16 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-horz-slider-hover.png" border = {16, 16, 18, 16 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-horz-slider-active.png" border = {16, 16, 18, 16 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = INSENSITIVE detail = "slider" file = "assets/scrollbar-horz-slider-disabled.png" border = {16, 16, 18, 16 } stretch = TRUE orientation = HORIZONTAL } # Vertical sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-ltr-slider.png" border = {18, 16, 16, 16} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-ltr-slider-hover.png" border = {18, 16, 16, 16} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-ltr-slider-active.png" border = {18, 16, 16, 16} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = INSENSITIVE detail = "slider" file = "assets/scrollbar-vert-ltr-slider-disabled.png" border = {18, 16, 16, 16} stretch = TRUE orientation = VERTICAL direction = LTR } # RTL image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-rtl-slider.png" border = {16, 18, 16, 16} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-rtl-slider-hover.png" border = {16, 18, 16, 16} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-rtl-slider-active.png" border = {16, 18, 16, 16} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = INSENSITIVE detail = "slider" file = "assets/scrollbar-vert-rtl-slider-disabled.png" border = {16, 18, 16, 16} stretch = TRUE orientation = VERTICAL direction = RTL } ########## # Scales # ########## # Troughs, overrided later on. We set them here too because some widgets # don't specify their orientation. image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {12, 12, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX state = INSENSITIVE detail = "trough-upper" file = "assets/scale-horz-trough-disabled.png" border = {12, 12, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {12, 12, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX state = INSENSITIVE detail = "trough-lower" file = "assets/scale-horz-trough-disabled.png" border = {12, 12, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 12, 12} stretch = TRUE orientation = VERTICAL } image { function = BOX state = INSENSITIVE detail = "trough-upper" file = "assets/scale-vert-trough-disabled.png" border = {0, 0, 12, 12} stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 12, 12} stretch = TRUE orientation = VERTICAL } image { function = BOX state = INSENSITIVE detail = "trough-lower" file = "assets/scale-vert-trough-disabled.png" border = {0, 0, 12, 12} stretch = TRUE orientation = VERTICAL } # Sliders image { function = SLIDER state = NORMAL detail = "hscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "hscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "hscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "hscale" file = "assets/scale-slider-disabled.png" } image { function = SLIDER state = NORMAL detail = "vscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "vscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "vscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "vscale" file = "assets/scale-slider-disabled.png" } ########### # Menubar # ########### # image { # function = BOX # detail = "menubar" # file = "assets/border.png" # border = {0, 0, 0, 2} # } ######### # Menus # ######### image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_up" file = "assets/border.png" } image { function = BOX detail = "menu_scroll_arrow_up" file = "assets/border.png" border = {0, 0, 0, 2} } image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_down" file = "assets/border.png" } image { function = BOX detail = "menu_scroll_arrow_down" file = "assets/border.png" border = {0, 0, 2, 0} } ########### # Entries # ########### image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-disabled.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/entry-background.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/entry-background-disabled.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } ######### # Spins # ######### # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-ltr-up.png" border = {0, 16, 16, 0} stretch = TRUE overlay_file = "assets/pan-up-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-disabled.png" border = {0, 16, 16, 0} stretch = TRUE overlay_file = "assets/pan-up-alt-disabled.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-rtl-up.png" border = {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-disabled.png" border = {16, 0, 16, 0} stretch = TRUE overlay_file = "assets/pan-up-alt-disabled.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-ltr-down.png" border = {0, 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-disabled.png" border = {0, 16, 0, 16} stretch = TRUE overlay_file = "assets/pan-down-alt-disabled.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-rtl-down.png" border = {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-disabled.png" border = {16, 0, 0, 16} stretch = TRUE overlay_file = "assets/pan-down-alt-disabled.png" overlay_stretch = FALSE direction = RTL } ############## # Scrollbars # ############## image { function = BOX detail = "bar" file = "assets/progressbar-progress.png" stretch = TRUE border = {0, 0, 0, 0} orientation = HORIZONTAL } image { function = BOX detail = "bar" file = "assets/progressbar-progress.png" stretch = TRUE border = {0, 0, 0, 0} orientation = VERTICAL } ############# # Treeviews # ############# # Disable active the column highlight # We need to match specific cells or we break stuff # Looking at you deadbeef image { function = FLAT_BOX detail = "cell_even_sorted" state = NORMAL } image { function = FLAT_BOX detail = "cell_odd_sorted" state = NORMAL } # Disable all the other shadows # This prevents the Raleigh effect image { function = SHADOW } } } style "menubar" { bg[NORMAL] = @titlebar_bg_color fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) fg[PRELIGHT] = @titlebar_fg_color fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) # Needed to fix Firefox's menubar text bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) fg[SELECTED] = @titlebar_fg_color } style "menubar_item" { xthickness = 6 ythickness = 8 fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) fg[PRELIGHT] = @titlebar_fg_color fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) } style "menu" { xthickness = 0 ythickness = 0 bg[NORMAL] = @menu_color bg[INSENSITIVE] = @menu_color bg[PRELIGHT] = @menu_color bg[SELECTED] = mix(0.08, @fg_color, @menu_color) } style "menu_item" { xthickness = 8 ythickness = 8 bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) fg[PRELIGHT] = @fg_color # Chromium uses this setting bg[SELECTED] = mix(0.08, @fg_color, @menu_color) text[SELECTED] = @fg_color # Some widgets use text, we need to handle that text[NORMAL] = @fg_color text[PRELIGHT] = @fg_color # Unfortunately we can't tell regular and menu checks/radios apart # Without the heirarchy engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/menu-checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/menu-checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/menu-checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-checkbox-unchecked-disabled.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/menu-checkbox-checked-disabled.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-disabled.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-unchecked-disabled.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-disabled.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-disabled.png" overlay_stretch = FALSE } } } style "separator_menu_item" { xthickness = 0 ythickness = 4 engine "pixmap" { image { function = BOX file = "assets/border.png" border = {0, 0, 0, 2} } } } style "button_label" { # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) font_name = "Medium" } style "normal_button_label" { # fg[NORMAL] = @fg_color # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) font_name = "Regular" } style "button" { xthickness = 8 ythickness = 8 # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/button.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = BOX state = PRELIGHT shadow = OUT file = "assets/button-hover.png" border = {16, 16, 16, 16} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/button-active.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/button-active.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/button-disabled.png" border = {16, 16, 16, 16} stretch = TRUE } } } style "link_button" { # Disable the button effect, leave just the link engine "pixmap" { image { function = BOX } } } style "entry" { base[NORMAL] = @bg_color base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) base[INSENSITIVE] = @bg_color base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) # We set this same as the border of the border of the entry # This way there's no overlap xthickness = 12 ythickness = 12 } style "combobox" { xthickness = 12 ythickness = 12 # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/entry.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = BOX state = PRELIGHT file = "assets/entry-hover.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/entry-active.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/entry-disabled.png" border = {16, 16, 16, 16} stretch = TRUE } } } style "combobox_cellview" { # text[NORMAL] = mix(0.7, @fg_color, @bg_color) # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) } style "combobox_entry" { # Since one side of the button is missing, we need to shift the arrow a little to the right GtkButton::inner-border = {0, 4, 0, 0} engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-left-entry.png" border = {16, 16, 16, 16} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-left-entry-active.png" border = {16, 16, 16, 16} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-left-entry-disabled.png" border = {16, 16, 16, 16} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-right-entry.png" border = {16, 16, 16, 16} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-right-entry-active.png" border = {16, 16, 16, 16} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-right-entry-disabled.png" border = {16, 16, 16, 16} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-right-entry.png" border = {0, 16, 16, 16} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-right-entry-hover.png" border = {0, 16, 16, 16} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-right-entry-active.png" border = {0, 16, 16, 16} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-right-entry-disabled.png" border = {0, 16, 16, 16} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-left-entry.png" border = {16, 0, 16, 16} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-left-entry-hover.png" border = {16, 0, 16, 16} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-left-entry-active.png" border = {16, 0, 16, 16} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-left-entry-disabled.png" border = {16, 0, 16, 16} stretch = TRUE direction = RTL } } } style "combo_button_padding" { # Since one side of the button is missing, we need to shift the arrow a # little to the right. # This is the same thing we've done above but the combo, unlike the combobox, # uses padding the same way as a button. GtkButton::inner-border = {6, 12, 6, 6} } style "notebook" { xthickness = 6 ythickness = 6 } style "notebook_tab_label" { fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) font_name = "Medium" } style "notebook_viewport" { bg[NORMAL] = @base_color } style "notebook_bg" { bg[NORMAL] = @base_color bg[PRELIGHT] = @base_color bg[INSENSITIVE] = @base_color } style "notebook_entry" { base[NORMAL] = @base_color base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) base[INSENSITIVE] = @base_color base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = @bg_color } style "normal_entry" { base[NORMAL] = @bg_color base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) base[INSENSITIVE] = @bg_color base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) } style "textview" { bg[NORMAL] = @base_color } style "scale_horz" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {12, 12, 0, 0} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {12, 12, 0, 0} stretch = TRUE } } } style "scale_vert" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 12, 12} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 12, 12} stretch = TRUE } } } style "progressbar" { xthickness = 0 ythickness = 0 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/progressbar-trough.png" border = {0, 0, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/progressbar-trough.png" border = {0, 0, 0, 0} stretch = TRUE orientation = VERTICAL } } } style "treeview_header" { xthickness = 4 ythickness = 4 fg[NORMAL] = mix(0.7, @fg_color, @base_color) fg[PRELIGHT] = @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-disabled.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = BOX state = INSENSITIVE shadow = IN file = "assets/button-disabled.png" border = {16, 16, 16, 16} stretch = TRUE } } } style "toolbar_separator" { GtkWidget::wide-separators = 1 GtkWidget::separator-width = 2 GtkWidget::separator-height = 2 engine "pixmap" { image { function = BOX file = "assets/border.png" } } } style "inline_toolbar" { # GtkToolbar::button-relief = GTK_RELIEF_NORMAL engine "pixmap" { image { function = BOX file = "assets/frame-inline.png" border = {2, 2, 0, 2} stretch = TRUE } } } style "tooltip" { xthickness = 16 ythickness = 16 bg[NORMAL] = @tooltip_bg_color fg[NORMAL] = @tooltip_fg_color bg[SELECTED] = @tooltip_bg_color } style "disable_text_shadow" { engine "murrine" { textstyle = 0 } } style "disable_separator" { xthickness = 0 ythickness = 0 GtkWidget::wide-separators = 1 } # Default style, containing theme properties and trying to match every widget as # much as possible, which is not only faster than trying to match every widget # by its own but also less bug-prune and more consistent. However there is some # widget specific stuff that needs to be taken care of, which is the point of # every other style below. class "GtkWidget" style "default" ###################################### # Override padding, style and colour # ###################################### class "GtkButton" style "button" class "GtkLinkButton" style "link_button" class "GtkEntry" style "entry" class "GtkOldEditable" style "entry" class "GtkNotebook" style "notebook" class "GtkHScale" style "scale_horz" class "GtkVScale" style "scale_vert" class "GtkProgressBar" style "progressbar" class "GtkScrolledWindow" style "scrolled_window" class "GtkFrame" style "frame" class "GtkSeparatorToolItem" style "toolbar_separator" class "GtkMenuBar" style "menubar" class "GtkMenu" style "menu" class "GtkTextView" style "textview" # Menu and menubar items widget_class "**" style "menu_item" widget_class "*.*" style "menubar_item" widget_class "**" style "separator_menu_item" # Treeview buttons widget_class "***" style "treeview_header" # Give the file chooser toolbar a border widget_class "**" style "inline_toolbar" # Fix padding on regular comboboxes widget_class "*." style "combobox" widget_class "*" style "combobox" # And disable separators on them widget_class "*.*" style "disable_separator" widget_class "**" style "disable_separator" widget_class "**" style "disable_separator" # Join together the ComboBoxEntry entry and button widget_class "**" style "combobox_entry" # Join the Combo entry and button widget_class "**" style "combobox_entry" # Tweak the padding on the button a little bit because it # uses it a bit differently widget_class "*." style "combo_button_padding" # Alas we cannot do the same for ComboBoxText because there # isn't a way to apply the style to only the comboboxes that # have an entry inside # Tool buttons have different styles widget_class "**" style "tool_button" widget_class "**.*" style "tool_button" # Notebooks widget_class "*." style "notebook_tab_label" widget_class "*.." style "notebook_tab_label" # Notebooks are white, act accordingly widget_class "**" style "notebook_entry" widget_class "**" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "***" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "*.*" style "notebook_bg" # However, stuff inside eventboxes inside notebooks is grey # again, react widget_class "***" style "normal_entry" widget_class "***" style "normal_bg" widget_class "***" style "normal_bg" # Button labels widget_class "*." style "button_label" # Normalize button labels widget_class "*." style "normal_button_label" widget_class "*." style "normal_button_label" # ComboBoxes tend to draw the button label with text[] # instead of fg[], we need to fix that widget_class "**" style "combobox_cellview" # Disable white text shadows widget_class "*" style "disable_text_shadow" widget_class "*" style "disable_text_shadow" # GTK tooltips widget "gtk-tooltip*" style "tooltip" materia-theme-20200320/src/gtk-2.0/render-asset.sh000077500000000000000000000023371363503524500213050ustar00rootroot00000000000000#!/bin/bash set -ueo pipefail RENDER_SVG="$(command -v rendersvg)" || true INKSCAPE="$(command -v inkscape)" || true OPTIPNG="$(command -v optipng)" || true if [[ "$1" == "dark" ]]; then SRC_FILE="assets-dark.svg" ASSETS_DIR="assets-dark" else SRC_FILE="assets.svg" ASSETS_DIR="assets" fi i="$2" # @TODO: remove $ZOOM when it will be fixed/implemented in resvg GTK2_HIDPI="$(echo "${GTK2_HIDPI-False}" | tr '[:upper:]' '[:lower:]')" if [[ "${GTK2_HIDPI}" == "true" ]]; then DPI=192 ZOOM=2 else DPI=96 ZOOM=1 fi echo "Rendering '$ASSETS_DIR/$i.png'" if [[ -n "${RENDER_SVG}" ]]; then # @TODO: remove --zoom when it will be fixed/implemented in resvg "$RENDER_SVG" --export-id "$i" \ --dpi ${DPI} \ --zoom ${ZOOM} \ "$SRC_FILE" "$ASSETS_DIR/$i.png" else if "$INKSCAPE" --help | grep -e "--export-png" > /dev/null; then EXPORT_FILE_OPTION="--export-png" else EXPORT_FILE_OPTION="--export-file" fi "$INKSCAPE" --export-id="$i" \ --export-id-only \ --export-dpi=${DPI} \ "$EXPORT_FILE_OPTION"="$ASSETS_DIR/$i.png" "$SRC_FILE" >/dev/null fi if [[ -n "${OPTIPNG}" ]]; then "$OPTIPNG" -o7 --quiet "$ASSETS_DIR/$i.png" fi materia-theme-20200320/src/gtk-2.0/render-assets.sh000077500000000000000000000004461363503524500214670ustar00rootroot00000000000000#!/bin/bash set -ueo pipefail # Make sure that parallel is GNU parallel and not moreutils. # Otherwise, it fails silently. There's no smooth way to detect this. if command -v parallel >/dev/null; then cmd=(parallel) else cmd=(xargs -n1) fi "${cmd[@]}" ./render-asset.sh "$1" < assets.txt materia-theme-20200320/src/gtk/000077500000000000000000000000001363503524500160505ustar00rootroot00000000000000materia-theme-20200320/src/gtk/3.0/000077500000000000000000000000001363503524500163505ustar00rootroot00000000000000materia-theme-20200320/src/gtk/3.0/gtk-compact.css000066400000000000000000005772471363503524500213210ustar00rootroot00000000000000@keyframes ripple { to { background-size: 1000% 1000%; } } @keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } @keyframes ripple-on-headerbar { from { background-image: radial-gradient(circle, #1A73E8 0%, transparent 0%); } to { background-image: radial-gradient(circle, #1A73E8 100%, transparent 0%); } } button, modelbutton.flat, .menuitem.button.flat, notebook > header > tabs > arrow, check, radio, row.activatable { transition-property: all, border-image, background-size, background-image; transition-duration: 75ms, 225ms, 300ms, 1200ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); outline: none; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } button:active, modelbutton.flat:active, .menuitem.button.flat:active, notebook > header > tabs > arrow:active, check:active, radio:active, row.activatable:active { transition-duration: 75ms, 225ms, 0ms, 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-size: 0% 0%; } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #D93025; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 4; -gtk-secondary-caret-color: #1A73E8; outline: 2px solid transparent; outline-offset: -4px; -gtk-outline-radius: 4px; } *:focus { outline-color: alpha(currentColor, 0.12); } /*************** * Base States * ***************/ .background { background-color: #F2F2F2; 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: #F2F2F2; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e5e5e5; } .gtkstyle-fallback:active { background-color: #d9d9d9; } .gtkstyle-fallback:disabled { color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #1A73E8; color: white; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } .view:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:selected { border-radius: 4px; } textview text { background-color: #FFFFFF; caret-color: #1A73E8; } textview border { background-color: #FAFAFA; color: rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 4px; } .content-view .tile:selected { background-color: transparent; } label { caret-color: #1A73E8; } label.separator { color: rgba(0, 0, 0, 0.6); } label:disabled { color: rgba(0, 0, 0, 0.38); } headerbar label:disabled, menuitem label:disabled, tab label:disabled, button label:disabled { color: inherit; } label.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } .dim-label { color: rgba(0, 0, 0, 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); } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; color: #1A73E8; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:disabled { color: rgba(0, 0, 0, 0.26); } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 32px; padding: 0 8px; border-radius: 4px 4px 0 0; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } spinbutton:focus:not(.vertical), entry:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 2/0 0 2px; } spinbutton:drop(active):not(.vertical), entry:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; border-radius: 0; background-color: transparent; } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.6); } 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, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #D93025; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #D93025; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 100%, transparent 0%) 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F4B400; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #F4B400; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 100%, transparent 0%) 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; border-bottom: 2px solid #1A73E8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #D93025; color: white; caret-color: white; } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { color: white; } spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #F4B400; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { color: rgba(0, 0, 0, 0.38); } treeview entry, treeview entry.flat { background-color: #FFFFFF; } treeview entry, treeview entry:focus, treeview entry.flat, treeview entry.flat:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 2px; border-radius: 9999px; box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.87); } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 4px; margin-right: 0; padding-left: 12px; padding-right: 8px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: 0; margin-right: 4px; padding-left: 8px; padding-right: 12px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.6); } /*********** * Buttons * ***********/ @keyframes needs-attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1A73E8), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 4px 8px; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-weight: 500; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:drop(active), button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:active { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button:checked { background-color: #dae9fb; color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:checked:drop(active), button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:active { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button:checked:disabled { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.text-button { min-width: 32px; padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 4px; border-radius: 9999px; } button.text-button.image-button { min-width: 24px; padding: 4px; border-radius: 4px; } 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 button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, #caja-extra-view-widget button, .lock-dialog button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, #buttonbox_frame button, button.flat, combobox > .linked:not(.vertical) > button:not(:only-child), layouttabbar button, .message-input-area button, .caja-navigation-window box.horizontal > button.toggle.image-button, .raven .raven-header.top stackswitcher.linked > button, .raven .raven-background stackswitcher.linked > button, .nemo-window .toolbar button, spinbutton:not(.vertical) button, spinbutton.vertical button, .caja-pathbar button, .path-bar.linked:not(.vertical) > button, scrollbar button, button.sidebar-button, .gedit-search-slider .linked:not(.vertical) > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button { background-color: transparent; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:drop(active), popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:drop(active), infobar.question button:drop(active), #caja-extra-view-widget button:drop(active), .lock-dialog button:drop(active), .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:drop(active), #buttonbox_frame button:drop(active), button.flat:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), layouttabbar button:drop(active), .message-input-area button:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:drop(active), .raven .raven-header.top stackswitcher.linked > button:drop(active), .raven .raven-background stackswitcher.linked > button:drop(active), .nemo-window .toolbar button:drop(active), spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:drop(active), .caja-pathbar button:drop(active), .path-bar.linked:not(.vertical) > button:drop(active), scrollbar button:drop(active), button.sidebar-button:drop(active), .gedit-search-slider .linked:not(.vertical) > button:drop(active), popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:drop(active), #mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:drop(active), toolbar button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, popover.background button.model:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), .app-notification button:hover, .dialog-action-box button:hover, filechooser #pathbarbox > stack > box > button:hover, infobar.info button:hover, infobar.question button:hover, #caja-extra-view-widget button:hover, .lock-dialog button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, #buttonbox_frame button:hover, button.flat:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), layouttabbar button:hover, .message-input-area button:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:hover, .raven .raven-header.top stackswitcher.linked > button:hover, .raven .raven-background stackswitcher.linked > button:hover, .nemo-window .toolbar button:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, .caja-pathbar button:hover, .path-bar.linked:not(.vertical) > button:hover, scrollbar button:hover, button.sidebar-button:hover, .gedit-search-slider .linked:not(.vertical) > button:hover, popover.messagepopover .popover-action-area button:hover, #MatePanelPopupWindow button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, #caja-extra-view-widget button:focus, .lock-dialog button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, #buttonbox_frame button:focus, button.flat:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), layouttabbar button:focus, .message-input-area button:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:focus, .raven .raven-header.top stackswitcher.linked > button:focus, .raven .raven-background stackswitcher.linked > button:focus, .nemo-window .toolbar button:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, .caja-pathbar button:focus, .path-bar.linked:not(.vertical) > button:focus, scrollbar button:focus, button.sidebar-button:focus, .gedit-search-slider .linked:not(.vertical) > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, #caja-extra-view-widget button:active, .lock-dialog button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, #buttonbox_frame button:active, button.flat:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), layouttabbar button:active, .message-input-area button:active, .caja-navigation-window box.horizontal > button.toggle.image-button:active, .raven .raven-header.top stackswitcher.linked > button:active, .raven .raven-background stackswitcher.linked > button:active, .nemo-window .toolbar button:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, .caja-pathbar button:active, .path-bar.linked:not(.vertical) > button:active, scrollbar button:active, button.sidebar-button:active, .gedit-search-slider .linked:not(.vertical) > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, #caja-extra-view-widget button:disabled, .lock-dialog button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, #buttonbox_frame button:disabled, button.flat:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), layouttabbar button:disabled, .message-input-area button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, .raven .raven-header.top stackswitcher.linked > button:disabled, .raven .raven-background stackswitcher.linked > button:disabled, .nemo-window .toolbar button:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, .caja-pathbar button:disabled, .path-bar.linked:not(.vertical) > button:disabled, scrollbar button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked:not(.vertical) > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); } toolbar button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, #caja-extra-view-widget button:checked, .lock-dialog button:checked, .drop-shadow button:checked, .budgie-session-dialog .linked.horizontal > button:checked, #buttonbox_frame button:checked, button.flat:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), layouttabbar button:checked, .message-input-area button:checked, .caja-navigation-window box.horizontal > button.toggle.image-button:checked, .raven .raven-header.top stackswitcher.linked > button:checked, .raven .raven-background stackswitcher.linked > button:checked, .nemo-window .toolbar button:checked { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:drop(active), popover.background button.model:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:checked:drop(active), .dialog-action-box button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), infobar.info button:checked:drop(active), infobar.question button:checked:drop(active), #caja-extra-view-widget button:checked:drop(active), .lock-dialog button:checked:drop(active), .drop-shadow button:checked:drop(active), .budgie-session-dialog .linked.horizontal > button:checked:drop(active), #buttonbox_frame button:checked:drop(active), button.flat:checked:drop(active), combobox > .linked:not(.vertical) > button:checked:drop(active):not(:only-child), layouttabbar button:checked:drop(active), .message-input-area button:checked:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:checked:drop(active), .raven .raven-header.top stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:drop(active), .nemo-window .toolbar button:checked:drop(active), toolbar button:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:hover, popover.background button.model:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), .app-notification button:checked:hover, .dialog-action-box button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, infobar.info button:checked:hover, infobar.question button:checked:hover, #caja-extra-view-widget button:checked:hover, .lock-dialog button:checked:hover, .drop-shadow button:checked:hover, .budgie-session-dialog .linked.horizontal > button:checked:hover, #buttonbox_frame button:checked:hover, button.flat:checked:hover, combobox > .linked:not(.vertical) > button:checked:hover:not(:only-child), layouttabbar button:checked:hover, .message-input-area button:checked:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover, .raven .raven-header.top stackswitcher.linked > button:checked:hover, .raven .raven-background stackswitcher.linked > button:checked:hover, .nemo-window .toolbar button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:focus, popover.background button.model:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), .app-notification button:checked:focus, .dialog-action-box button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, infobar.info button:checked:focus, infobar.question button:checked:focus, #caja-extra-view-widget button:checked:focus, .lock-dialog button:checked:focus, .drop-shadow button:checked:focus, .budgie-session-dialog .linked.horizontal > button:checked:focus, #buttonbox_frame button:checked:focus, button.flat:checked:focus, combobox > .linked:not(.vertical) > button:checked:focus:not(:only-child), layouttabbar button:checked:focus, .message-input-area button:checked:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:focus, .raven .raven-header.top stackswitcher.linked > button:checked:focus, .raven .raven-background stackswitcher.linked > button:checked:focus, .nemo-window .toolbar button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:active, popover.background button.model:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), .app-notification button:checked:active, .dialog-action-box button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, infobar.info button:checked:active, infobar.question button:checked:active, #caja-extra-view-widget button:checked:active, .lock-dialog button:checked:active, .drop-shadow button:checked:active, .budgie-session-dialog .linked.horizontal > button:checked:active, #buttonbox_frame button:checked:active, button.flat:checked:active, combobox > .linked:not(.vertical) > button:checked:active:not(:only-child), layouttabbar button:checked:active, .message-input-area button:checked:active, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:active, .raven .raven-header.top stackswitcher.linked > button:checked:active, .raven .raven-background stackswitcher.linked > button:checked:active, .nemo-window .toolbar button:checked:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } toolbar button:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, #caja-extra-view-widget button:checked:disabled, .lock-dialog button:checked:disabled, .drop-shadow button:checked:disabled, .budgie-session-dialog .linked.horizontal > button:checked:disabled, #buttonbox_frame button:checked:disabled, button.flat:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), layouttabbar button:checked:disabled, .message-input-area button:checked:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:disabled, .raven .raven-header.top stackswitcher.linked > button:checked:disabled, .raven .raven-background stackswitcher.linked > button:checked:disabled, .nemo-window .toolbar button:checked:disabled { color: rgba(0, 0, 0, 0.38); } toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, #caja-extra-view-widget button.text-button, .lock-dialog button.text-button, .drop-shadow button.text-button, .budgie-session-dialog .linked.horizontal > button.text-button, #buttonbox_frame button.text-button, button.flat.text-button { min-width: 48px; padding-left: 8px; padding-right: 8px; } toolbar button.text-button.image-button, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button.image-button, popover.background button.text-button.image-button.model, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button.image-button, .dialog-action-box button.text-button.image-button, filechooser #pathbarbox > stack > box > button.text-button.image-button, infobar.info button.text-button.image-button, infobar.question button.text-button.image-button, #caja-extra-view-widget button.text-button.image-button, .lock-dialog button.text-button.image-button, .drop-shadow button.text-button.image-button, .budgie-session-dialog .linked.horizontal > button.text-button.image-button, #buttonbox_frame button.text-button.image-button, button.flat.text-button.image-button { min-width: 24px; padding: 4px; } toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, #caja-extra-view-widget button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .drop-shadow button.text-button.image-button label:first-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:first-child, #buttonbox_frame button.text-button.image-button label:first-child, button.flat.text-button.image-button label:first-child { margin-left: 8px; } toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, #caja-extra-view-widget button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .drop-shadow button.text-button.image-button label:last-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:last-child, #buttonbox_frame button.text-button.image-button label:last-child, button.flat.text-button.image-button label:last-child { margin-right: 8px; } toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .drop-shadow .linked:not(.vertical) > button:not(:only-child), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child), popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), infobar.info .linked.vertical > button:not(:only-child), infobar.question .linked.vertical > button:not(:only-child), #caja-extra-view-widget .linked.vertical > button:not(:only-child), .lock-dialog .linked.vertical > button:not(:only-child), .drop-shadow .linked.vertical > button:not(:only-child), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child), #buttonbox_frame .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { border-radius: 4px; } toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked.vertical > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked.vertical > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } button.osd { padding: 8px 12px; } button.osd.image-button { padding: 8px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #1A73E8; color: white; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:drop(active), button.suggested-action:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:active { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #3584eb; } button.suggested-action.flat { background-color: transparent; color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } button.suggested-action.flat:drop(active), button.suggested-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.suggested-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.suggested-action.flat:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } button.suggested-action.flat:checked { background-color: rgba(26, 115, 232, 0.12); } button.destructive-action { background-color: #D93025; color: white; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:drop(active), button.destructive-action:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:active { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #de493f; } button.destructive-action.flat { background-color: transparent; color: #D93025; box-shadow: inset 0 0 0 9999px transparent; } button.destructive-action.flat:drop(active), button.destructive-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } button.destructive-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } button.destructive-action.flat:active { background-image: radial-gradient(circle, rgba(217, 48, 37, 0.16) 10%, transparent 0%); } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } button.destructive-action.flat:checked { background-color: rgba(217, 48, 37, 0.12); } .stack-switcher > button > label { margin: 0 -6px; padding: 0 6px; } .stack-switcher > button > image { margin: -3px -6px; padding: 3px 6px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .inline-toolbar button:not(.text-button) { border-radius: 9999px; } .primary-toolbar button { -gtk-icon-shadow: none; } button.close, button.circular { border-radius: 9999px; } 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 .linked:not(.vertical) > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { animation: needs-attention 225ms 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.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; } .linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; } .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } .linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } .linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 4px; box-shadow: inset 0 0 0 9999px transparent; } modelbutton.flat:drop(active), modelbutton.flat:hover, .menuitem.button.flat:drop(active), .menuitem.button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } modelbutton.flat:focus, .menuitem.button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } modelbutton.flat:active, .menuitem.button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } 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: 4px; } /********* * Links * *********/ *:link { color: #1A73E8; } *:visited { color: #9C27B0; } button.link:link { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } button.link:link:drop(active), button.link:link:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.link:link:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.link:link:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.link:visited { color: #9C27B0; box-shadow: inset 0 0 0 9999px transparent; } button.link:visited:drop(active), button.link:visited:hover { box-shadow: inset 0 0 0 9999px rgba(156, 39, 176, 0.12); } button.link:visited:focus { box-shadow: inset 0 0 0 9999px rgba(156, 39, 176, 0.12); } button.link:visited:active { background-image: radial-gradient(circle, rgba(156, 39, 176, 0.16) 10%, transparent 0%); } button.link > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } spinbutton:not(.vertical) entry { min-width: 24px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 4px transparent; } spinbutton:not(.vertical) button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -2px; } spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { margin-right: -2px; } spinbutton.vertical { caret-color: #1A73E8; } spinbutton.vertical:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry { min-height: 32px; min-width: 40px; padding: 0; } spinbutton.vertical button { min-height: 32px; min-width: 40px; padding: 0; } spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 4px 4px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: 0px; } combobox button.combo cellview:dir(rtl) { margin-right: 0px; } combobox menu { padding: 2px 0; } combobox menu menuitem { min-height: 28px; padding: 0 8px; } combobox menu > arrow.top { margin-top: -2px; } combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } combobox > .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { margin-right: -32px; padding-right: 32px; } combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { margin-left: -32px; padding-left: 32px; } combobox > .linked:not(.vertical) > button:not(:only-child) { min-height: 16px; min-width: 16px; margin: 4px; padding: 4px; border-radius: 9999px; } button.combo:only-child { border-radius: 4px 4px 0 0; font-weight: normal; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } button.combo:only-child:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } button.combo:only-child:drop(active), button.combo:only-child:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } button.combo:only-child:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 2/0 0 2px; } button.combo:only-child:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #F2F2F2; } .osd toolbar { background-color: transparent; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.osd.bottom { box-shadow: none; background-color: transparent; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 6px 2px; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 4px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); } .inline-toolbar { padding: 4px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FAFAFA; } searchbar > revealer > box, .location-bar { padding: 4px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F2F2F2; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 4px; } /*************** * Header bars * ***************/ .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #383838; color: rgba(255, 255, 255, 0.87); } .titlebar:disabled { color: rgba(255, 255, 255, 0.38); } .titlebar:backdrop { background-color: #303030; color: rgba(255, 255, 255, 0.6); } .titlebar:backdrop:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar .subtitle { padding-left: 12px; padding-right: 12px; font-size: smaller; } .titlebar .subtitle, .titlebar .dim-label { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(255, 255, 255, 0.6); } .titlebar .subtitle:backdrop, .titlebar .dim-label:backdrop { color: rgba(255, 255, 255, 0.38); } .titlebar .titlebar { background-color: transparent; box-shadow: none; } .titlebar headerbar + separator { background-color: rgba(255, 255, 255, 0.12); } .titlebar entry { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .titlebar entry:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } .titlebar entry image { color: rgba(255, 255, 255, 0.6); } .titlebar entry image:hover, .titlebar entry image:active { color: rgba(255, 255, 255, 0.87); } .titlebar entry image:disabled { color: rgba(255, 255, 255, 0.38); } .titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } .titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } .titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.26); } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87); box-shadow: inset 0 0 0 9999px transparent; } .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.6); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } .titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { min-width: 104px; } .titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; padding-left: 4px; padding-right: 4px; } .titlebar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; color: white; } .titlebar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode .subtitle:link { color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .titlebar .selection-mode { box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; } .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .titlebar.default-decoration { min-height: 24px; padding: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { box-shadow: none; } .titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } headerbar { min-height: 40px; padding: 0 4px; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 4px; margin-bottom: 4px; } headerbar separator.titlebutton { margin-top: 10px; margin-bottom: 10px; background-color: rgba(255, 255, 255, 0.12); } headerbar switch { margin-top: 8px; margin-bottom: 8px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag { margin-top: 5px; margin-bottom: 5px; } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar.linked:not(.vertical) > button { padding-left: 4px; padding-right: 4px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 4px; } .caja-pathbar button:checked, .path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(0, 0, 0, 0.87); } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, .path-bar.linked:not(.vertical) > button:checked, .path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, .path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, .path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -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 { background-color: #FFFFFF; background-image: image(rgba(26, 115, 232, 0.24)); } treeview.view:hover, 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: 9999px; border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.6); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.progressbar { border-bottom: 4px solid #1A73E8; box-shadow: none; background-color: transparent; background-image: none; } treeview.view.progressbar:selected:hover { box-shadow: none; } treeview.view.trough { border-bottom: 4px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: transparent; background-image: none; } treeview.view.trough:selected:hover { box-shadow: none; } 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; color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } treeview.view header button:drop(active), treeview.view header button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } treeview.view header button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } treeview.view header button:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } treeview.view header button:drop(active):not(:active), treeview.view header button:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } treeview.view header button:disabled { color: rgba(0, 0, 0, 0.26); } 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: #1A73E8; } treeview.view acceleditor > label { background-color: #1A73E8; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #383838; color: rgba(255, 255, 255, 0.87); } menubar:backdrop, .menubar:backdrop { background-color: #303030; color: rgba(255, 255, 255, 0.6); } .csd menubar, .csd .menubar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } menubar > menuitem, .menubar > menuitem { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.26); } .background.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; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 4px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; color: rgba(0, 0, 0, 0.87); font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: alpha(currentColor, 0.08); } 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; color: rgba(0, 0, 0, 0.6); } menu menuitem arrow:disabled, .menu menuitem arrow:disabled, .context-menu menuitem arrow:disabled { color: rgba(0, 0, 0, 0.26); } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.6); } 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: 4px 4px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 4px 4px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(alpha(currentColor, 0.08)); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.6); } menuitem:disabled accelerator { color: rgba(0, 0, 0, 0.26); } /************ * Popovers * ************/ popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } popover.background:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } popover.background, .csd popover.background { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; } 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 list, popover.background .view:not(:selected), popover.background toolbar { background-color: #FFFFFF; } popover.background.menu button, popover.background button.model { min-height: 32px; padding: 0 8px; border-radius: 4px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ frame > paned > notebook > header, notebook.frame > header { background-color: #FAFAFA; } notebook:focus tab:checked { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F2F2F2; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab { border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px; } notebook > header.top > tabs > tab:checked { border-image-source: linear-gradient(to top, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.top > tabs > tab.reorderable-page { border-image-width: 0 1px 2px; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab { border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0; } notebook > header.bottom > tabs > tab:checked { border-image-source: linear-gradient(to bottom, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { border-image-width: 2px 1px 0; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab { border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0; } notebook > header.left > tabs > tab:checked { border-image-source: linear-gradient(to left, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.left > tabs > tab.reorderable-page { border-image-width: 1px 2px 1px 0; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab { border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px; } notebook > header.right > tabs > tab:checked { border-image-source: linear-gradient(to right, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.right > tabs > tab.reorderable-page { border-image-width: 1px 0 1px 2px; } 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; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } notebook > header > tabs > arrow:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } notebook > header > tabs > arrow:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } notebook > header > tabs > arrow:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 4px 12px; border-width: 1px; border-color: transparent; outline: none; background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; background-clip: border-box; color: rgba(0, 0, 0, 0.6); font-weight: 500; } notebook > header tab:hover { background-color: alpha(currentColor, 0.08); } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; 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 > box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: -4px -12px; padding: 4px 12px; } notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -8px; } notebook > header tab button.flat:first-child { margin-left: -8px; margin-right: 4px; } 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 { 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 { border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.6); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { margin: 2px 0; } scrollbar.fine-tune.vertical slider { margin: 0 2px; } scrollbar.overlay-indicator:not(.fine-tune) slider { transition-property: background-color, min-height, min-width; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 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:checked { background-color: rgba(26, 115, 232, 0.5); } switch:disabled { opacity: 0.5; } switch image { margin: -8px; -gtk-icon-transform: scale(0); } switch slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline: none; box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FFFFFF; } switch:hover slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:checked slider { background-color: #1A73E8; color: #1A73E8; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view:not(list) .tile check { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view:not(list) .tile check:hover, .content-view:not(list) .tile check:active { -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), .content-view:not(list) .tile check { -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:not(list) .tile check:checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton, radiobutton { outline: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; border-radius: 9999px; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } check:drop(active), check:hover, radio:drop(active), radio:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } check:focus, radio:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } check:active, radio:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover, radio:checked:drop(active), radio:checked:hover, radio:indeterminate:drop(active), radio:indeterminate:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } check:checked:focus, check:indeterminate:focus, radio:checked:focus, radio:indeterminate:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } check:disabled, radio:disabled { color: rgba(0, 0, 0, 0.26); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { transition: none; box-shadow: none; background-image: none; } popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check, 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; border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#1A73E8), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent)); } #MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } treeview.view check, treeview.view radio { padding: 0; color: rgba(0, 0, 0, 0.6); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #1A73E8; } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover, treeview.view radio, treeview.view radio:hover, treeview.view radio:selected, treeview.view radio:selected:hover { box-shadow: none; background-color: transparent; } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 2px; min-width: 2px; } scale.horizontal { padding: 15px 12px; } scale.vertical { padding: 12px 15px; } scale slider { min-height: 32px; min-width: 32px; margin: -15px; } scale.fine-tune.horizontal { min-height: 4px; padding-top: 14px; padding-bottom: 14px; } scale.fine-tune.vertical { min-width: 4px; padding-left: 14px; padding-right: 14px; } scale.fine-tune slider { margin: -14px; } scale trough { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); background-image: image(#1A73E8); } scale highlight:disabled { background-color: #F2F2F2; background-image: image(rgba(0, 0, 0, 0.26)); } scale fill { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; color: #1A73E8; } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:hover { background-color: alpha(currentColor, 0.08); } scale slider:focus { background-color: alpha(currentColor, 0.08); } scale slider:active { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; } scale marks, scale value { color: rgba(0, 0, 0, 0.6); } scale indicator { background-color: rgba(0, 0, 0, 0.26); color: transparent; } scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } scale.horizontal marks.bottom { margin-top: 7px; margin-bottom: -15px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } scale.vertical marks.top { margin-right: 7px; margin-left: -15px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } scale.vertical marks.bottom { margin-left: 7px; margin-right: -15px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } scale.horizontal indicator { min-height: 8px; min-width: 1px; } scale.vertical indicator { min-height: 1px; min-width: 8px; } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.color { min-height: 0; min-width: 0; } scale.color.horizontal { padding: 0 0 12px 0; } scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { margin-bottom: -24px; margin-top: 8px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -24px; margin-right: 8px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -24px; margin-left: 8px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.6); 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(0, 0, 0, 0.12); } progressbar progress { background-color: #1A73E8; } 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 block.low { background-color: #F4B400; } levelbar block.high, levelbar block:not(.empty) { background-color: #1A73E8; } levelbar block.full { background-color: #0F9D58; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat { border-style: none; } frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; background-clip: border-box; } actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(26, 115, 232, 0.24)), 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, transparent 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, transparent 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, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } 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, stacksidebar.sidebar + separator.vertical, stacksidebar.sidebar separator.horizontal, .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 { box-shadow: inset 0 0 0 9999px transparent; } row.activatable:drop(active), row.activatable:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } row.activatable:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } row.activatable:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } row.activatable.has-open-popup { background-color: alpha(currentColor, 0.12); } row:selected { box-shadow: inset 0 0 0 9999px transparent; } row:selected:drop(active), row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .app-notification button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .app-notification button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.6); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } /************ * Calendar * ************/ calendar { padding: 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: 5px; } calendar.header { border-style: none none solid; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; } calendar.button { border-radius: 5px; color: rgba(0, 0, 0, 0.6); } calendar.button:hover { background-image: image(alpha(currentColor, 0.08)); } calendar.button:disabled { color: rgba(0, 0, 0, 0.26); } calendar.highlight { color: rgba(0, 0, 0, 0.6); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FFFFFF; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.6); } messagedialog.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } messagedialog box.vertical > label + label { color: rgba(0, 0, 0, 0.6); } messagedialog .dialog-action-box { margin-top: -4px; } messagedialog .dialog-action-box button:not(:last-child) { margin-right: 4px; } .dialog-action-box button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button:not(:disabled):drop(active), .dialog-action-box button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .dialog-action-box button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .dialog-action-box button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .dialog-action-box button.suggested-action:not(:disabled) { background-color: transparent; } .dialog-action-box button.destructive-action:not(:disabled) { background-color: transparent; color: #D93025; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button.destructive-action:not(:disabled):drop(active), .dialog-action-box button.destructive-action:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):active { background-image: radial-gradient(circle, rgba(217, 48, 37, 0.16) 10%, transparent 0%); } 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: #F2F2F2; } filechooser #pathbarbox > stack > box > button { border-radius: 9999px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #FAFAFA; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr) { border-style: none; } stacksidebar.sidebar list { padding: 4px; background-color: #FAFAFA; } stacksidebar.sidebar row { min-height: 32px; padding: 0 2px; border-radius: 4px; } stacksidebar.sidebar row:selected { font-weight: 500; color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } stacksidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } stacksidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } stacksidebar.sidebar row + row { margin-top: 4px; } stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; } separator.sidebar { background-color: rgba(0, 0, 0, 0.12); } /**************** * File chooser * ****************/ row image.sidebar-icon { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(0, 0, 0, 0.6); } row image.sidebar-icon:disabled { color: rgba(0, 0, 0, 0.26); } placessidebar.sidebar > viewport.frame { border-style: none; } placessidebar.sidebar list { padding: 1px 0 4px; } placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } placessidebar.sidebar row > revealer { padding: 0 8px; } placessidebar.sidebar row:selected { font-weight: 500; color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } placessidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } placessidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } placessidebar.sidebar row:selected image.sidebar-icon { color: #1A73E8; } placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } placessidebar.sidebar row.sidebar-new-bookmark-row { color: #1A73E8; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { color: #1A73E8; } 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: #F2F2F2; 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, infobar.question { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } infobar.info button.text-button:not(:disabled):drop(active), infobar.info button.text-button:not(:disabled):hover, infobar.question button.text-button:not(:disabled):drop(active), infobar.question button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } infobar.info button.text-button:not(:disabled):focus, infobar.question button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } infobar.info button.text-button:not(:disabled):active, infobar.question button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } infobar.warning { background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } infobar.warning button.flat { color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } infobar.warning button.flat:drop(active), infobar.warning button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } infobar.warning *:link { color: rgba(0, 0, 0, 0.87); } infobar.error { background-color: #D93025; color: white; } infobar.error button.flat { color: white; box-shadow: inset 0 0 0 9999px transparent; } infobar.error button.flat:drop(active), infobar.error button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } infobar.error button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } infobar.error button.flat:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } infobar.error *:link { color: white; } infobar button label { margin: 0 -4px; } /************ * Tooltips * ************/ tooltip { border-radius: 4px; box-shadow: none; } tooltip.background { background-color: rgba(97, 97, 97, 0.9); color: white; } tooltip decoration { background-color: transparent; } tooltip > box { margin: -6px; min-height: 24px; padding: 4px 8px; } tooltip .dim-label { color: rgba(255, 255, 255, 0.7); } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 4.5px; border-top-right-radius: 4.5px; } colorswatch.top overlay { border-top-left-radius: 4px; border-top-right-radius: 4px; } colorswatch.bottom { border-bottom-left-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 4.5px; border-bottom-left-radius: 4.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.dark { color: white; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } colorswatch overlay:drop(active), colorswatch overlay:hover { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); } colorswatch#add-color-button:only-child { border-radius: 4px; } colorswatch#add-color-button overlay { background-color: #FFFFFF; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 4.5px; } colorswatch#editor-color-sample overlay { border-radius: 4px; } colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #F2F2F2; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; } .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } .csd.popup decoration { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } tooltip.csd decoration { border-radius: 4px; box-shadow: none; } messagedialog.csd decoration { border-radius: 4px; } .solid-csd decoration { margin: 0; padding: 2px; border-radius: 0; box-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #383838; } .solid-csd decoration:backdrop { background-color: #303030; } button.titlebutton { border-radius: 9999px; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { background-color: rgba(26, 115, 232, 0.24); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { color: #1A73E8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-transform: rotate(90deg); } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-transform: unset; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { padding-top: 6px; -gtk-icon-transform: rotate(45deg); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin: 4px; } button.emoji-section:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } button.emoji-section:checked:drop(active), button.emoji-section:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.emoji-section:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.emoji-section:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.emoji-section:not(:last-child) { margin-right: 0; } popover.emoji-picker .emoji { min-width: 3em; min-height: 3em; padding: 0 8px; } popover.emoji-picker .emoji widget { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } popover.emoji-picker .emoji widget:hover { background-color: alpha(currentColor, 0.08); } popover.emoji-completion { padding: 8px 0; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion .emoji-completion-row { min-height: 28px; padding: 0 12px; } popover.emoji-completion .emoji:hover { background-color: alpha(currentColor, 0.08); } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(0, 0, 0, 0.6); } @keyframes nautilus-operations-button-needs-attention { to { background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button { border-radius: 9999px; } .path-bar-box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; border-radius: 4px; } .path-bar-box button { margin: 0; } .path-bar-box.width-maximized { background-color: rgba(255, 255, 255, 0.04); } .path-bar-box.background.frame { border-style: none; background-color: rgba(255, 255, 255, 0.04); } .path-bar-box .path-bar button label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .path-bar button label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 4px; padding-right: 4px; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(255, 255, 255, 0.9); } .nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-left-style: none; border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-right-style: none; border-top-right-radius: 0; } .nautilus-window .floating-bar button { margin: 4px; } .disk-space-display.unknown { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .disk-space-display.used { background-color: #1A73E8; color: #1A73E8; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.08); } .search-information { padding: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .conflict-row:not(:selected) { background-color: #fce9b3; } .nautilus-window flowboxchild .icon-item-background { padding: 4px; border-radius: 4px; } .nautilus-window flowboxchild:selected { background-color: transparent; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(0, 0, 0, 0.6); } .nautilus-window headerbar revealer > button { border-radius: 9999px; } .nautilus-window paned > separator { background-color: #FAFAFA; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.6); font-size: smaller; } .open-document-selector-match { background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } .gedit-document-panel { background-color: #FAFAFA; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; } .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { margin-right: -60px; padding-right: 60px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 4px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) { margin-left: -60px; padding-left: 60px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 4px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { background-color: #FFFFFF; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider .linked:not(.vertical) > button { border: solid 4px transparent; border-radius: 9999px; } .gedit-search-slider .linked:not(.vertical) > button:last-child:dir(ltr), .gedit-search-slider .linked:not(.vertical) > button:not(:first-child):dir(rtl) { margin-left: -2px; } .gedit-search-slider .linked:not(.vertical) > button:first-child:dir(rtl), .gedit-search-slider .linked:not(.vertical) > button:not(:last-child):dir(ltr) { margin-right: -2px; } frame.gedit-map-frame > border:dir(ltr) { border-style: none none none solid; } frame.gedit-map-frame > border:dir(rtl) { border-style: none solid none none; } /********** * Tweaks * **********/ .tweak-categories { background-image: image(#FAFAFA); } .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#ClickMethod, 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#ClickMethod row:not(:last-child), row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } row#Focus.tweak > list, row#ClickMethod.tweak > list, row#StaticWorkspaceTweak.tweak > list, row#dynamic-workspaces.tweak > list, row#PrimaryWorkspaceTweak.tweak > list, row#workspaces-only-on-primary.tweak > list { margin-top: -3px; } row#Focus, row#ClickMethod, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { background-color: inherit; box-shadow: inherit; transition: color 75ms cubic-bezier(0, 0, 0.2, 1); } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator { background-color: inherit; background-image: image(rgba(255, 255, 255, 0.12)); } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #F2F2F2; } 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 #1A73E8; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #D93025; color: white; } window.workbench treeview.image { color: rgba(0, 0, 0, 0.6); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 4px; } popover.popover-selector list row image:dir(ltr) { margin-right: 6px; } popover.popover-selector list row image:dir(rtl) { margin-left: 6px; } popover.popover-selector list row .accel:dir(ltr) { margin-left: 6px; } popover.popover-selector list row .accel:dir(rtl) { margin-right: 6px; } omnibar.linked:not(.vertical) entry { border-radius: 4px; } omnibar entry { color: rgba(0, 0, 0, 0.6); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } entry.preferences-search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: #FFFFFF; } preferences stacksidebar.sidebar list { background-color: #FAFAFA; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 4px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 4px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(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: #F2F2F2; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #F2F2F2; } docktab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 4px 6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.6); font-weight: 500; } docktab:hover { background-color: alpha(currentColor, 0.08); } docktab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #1A73E8; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #F2F2F2; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #1A73E8; } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #1A73E8; } pillbox { background-color: #F2F2F2; border-radius: 4px; } layoutpane entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; background-color: transparent; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } window.workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } button.run-arrow-button { padding-left: 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: #F2F2F2; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #1A73E8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #1A73E8; } 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); } dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected { background-color: #1A73E8; color: white; } #titlebar_container .suggestionbutton button { padding: 0; border-radius: 0; box-shadow: inset 0 0 0 9999px #383838; } #titlebar_container .suggestionbutton button:backdrop { box-shadow: inset 0 0 0 9999px #303030; } #titlebar_container .suggestionbutton button image { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1); min-width: 32px; min-height: 32px; border-radius: 9999px; box-shadow: inset 0 0 0 9999px transparent; } #titlebar_container .suggestionbutton button:hover image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:focus image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:active image { background-color: alpha(currentColor, 0.12); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #1A73E8; color: white; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { color: rgba(0, 0, 0, 0.87); font-weight: normal; } button.photos-filter-preview:checked { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } button.photos-filter-preview:checked image { color: white; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#FAFAFA); } .side-panel .view:hover { background-image: image(rgba(234, 234, 234, 0.9896)); } .side-panel .view:selected { background-image: image(#1A73E8); } .side-panel .view:selected:hover { background-image: image(#2c7eea); } .songs-list:hover { background-image: image(alpha(currentColor, 0.08)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Terminal * ************/ terminal-window notebook > header > box { margin: -2px -2px -3px; } terminal-window notebook > header > box button { border-radius: 0; } /********* * To Do * *********/ task-list-view taskrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } task-list-view taskrow:hover { transition: none; } task-list-view taskrow label { margin: 0 8px; } task-list-view taskrow image.dim-label { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -4px; } task-list-view > box > revealer > box > button .dim-label { color: inherit; } tasklistview taskrow { outline: none; } tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { box-shadow: none; } tasklistview taskrow image.dim-label { min-width: 16px; } tasklistview > box > revealer > box > button { margin: -4px; } tasklistview > box > revealer > box > button .dim-label { color: inherit; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } /************* * Evolution * *************/ frame.taskbar > border { border-style: solid none none; } box.vertical > paned.horizontal notebook widget .frame { border-style: none; } /******** * gitg * ********/ frame.commit-frame > border { border-style: solid none none; } /************** * Characters * **************/ box.dialog-vbox scrolledwindow.related { border: 1px solid rgba(0, 0, 0, 0.12); } list.categories { background-image: image(#FAFAFA); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; } /********** * Evince * **********/ evview.content-view.view:selected { background-color: #1A73E8; color: white; } /********** * Polari * **********/ .polari-room-list row:selected { background-color: rgba(26, 115, 232, 0.5); } /*********** * Fractal * ***********/ button.osd.scroll_button { margin: 4px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } overlay > revealer.left > scrolledwindow.frame { margin-right: 32px; } overlay > revealer.right > scrolledwindow.frame { margin-left: 32px; } .terminix-session-sidebar, .tilix-session-sidebar { background-image: image(#FFFFFF); } .terminal-titlebar button { border-radius: 0; } button.image-button.session-new-button { min-width: 28px; } notebook.tilix-background tab > box > stack { margin: -6px; } button.flat.tilix-small-button { min-height: 20px; min-width: 16px; } /************** * Terminator * **************/ .terminator-terminal-window paned > separator { background-color: #F2F2F2; } .terminator-terminal-window notebook.frame { border-style: none; } /************* * Ubitquity * *************/ #live_installer .menubar progressbar trough { border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); } /*********** * Eclipse * ***********/ window.background > box.vertical > scrolledwindow > widget toolbar { padding: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar separator, window.background > box.vertical > scrolledwindow > widget toolbar button { margin: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar button { border-radius: 4px; } /************ * Chromium * ************/ window.background.chromium { background-color: #FFFFFF; } window.background.chromium entry, window.background.chromium > button { border: 1px solid rgba(0, 0, 0, 0.26); } window.background.chromium > button { color: #1A73E8; } window.background.chromium > button:disabled { color: rgba(0, 0, 0, 0.26); } window.background.chromium menubar, window.background.chromium headerbar { color: rgba(255, 255, 255, 0.6); } window.background.chromium headerbar button:active { background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #1A73E8; } window.background.chromium textview.view { background-color: transparent; } window.background.chromium treeview.view.cell:selected:focus { background-color: #1A73E8; color: white; } window.background.chromium treeview.view button { border: 1px solid rgba(0, 0, 0, 0.26); background-color: #FFFFFF; } tooltip.background.chromium { background-color: #616161; } /*********** * Firefox * ***********/ #MozillaGtkWidget > widget text { background-color: #FFFFFF; } #MozillaGtkWidget > widget text:selected { background-color: #1A73E8; color: white; } #MozillaGtkWidget > widget > separator { color: rgba(0, 0, 0, 0.12); } #MozillaGtkWidget > widget > frame > border { border-color: #b3b3b3; } #MozillaGtkWidget > widget > entry, #MozillaGtkWidget > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 4px; box-shadow: none; } #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { border-color: rgba(0, 0, 0, 0.12); } #MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #FFFFFF; } #MozillaGtkWidget > widget > entry:focus { border-color: #1A73E8; box-shadow: inset 0 0 0 1px #1A73E8; } #MozillaGtkWidget > widget > entry:disabled { background-color: #FAFAFA; } #MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } #MozillaGtkWidget > widget > button > button:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } #MozillaGtkWidget > widget > checkbutton > check, #MozillaGtkWidget > widget > radiobutton > radio { margin: 0; padding: 0; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } #MozillaGtkWidget menu { border: none; } #MozillaGtkWidget menuitem label:disabled { color: rgba(0, 0, 0, 0.38); } #MozillaGtkWidget > widget > menubar { color: rgba(255, 255, 255, 0.6); } #MozillaGtkWidget > widget > menubar:hover { color: rgba(255, 255, 255, 0.87); } #MozillaGtkWidget > widget > menubar:disabled { color: rgba(255, 255, 255, 0.26); } #MozillaGtkWidget > widget > frame { color: rgba(0, 0, 0, 0.26); } #MozillaGtkWidget 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: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { border-width: 4px; } #ToolboxCommon > toolbar.vertical { margin-top: -4px; } #ToolboxCommon > toolbar.vertical button { min-height: 24px; min-width: 24px; padding: 4px; border-radius: 4px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #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 * ***********/ /********* * 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: #1A73E8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #383838; color: rgba(255, 255, 255, 0.87); } UnityDecoration .top:backdrop { background-color: #303030; color: rgba(255, 255, 255, 0.6); } UnityDecoration .menuitem { border-radius: 4px 4px 0 0; box-shadow: none; color: rgba(255, 255, 255, 0.6); } UnityDecoration .menuitem:hover { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #1F1F1F; color: rgba(255, 255, 255, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(255, 255, 255, 0.6); } .unity-panel.menuitem, .unity-panel .menuitem { color: rgba(255, 255, 255, 0.6); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #1A73E8; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .mate-panel-menu-bar button:drop(active), .mate-panel-menu-bar button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .mate-panel-menu-bar button:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar button:checked { color: white; } .mate-panel-menu-bar button:checked:disabled { color: rgba(255, 255, 255, 0.5); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px); background-repeat: no-repeat; background-size: 4px 10px; color: rgba(255, 255, 255, 0.3); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(ltr) { background-position: 3px; } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(rtl) { background-position: calc(100% - 3px); } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { color: white; } .mate-panel-menu-bar menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { padding: 0 8px; } .mate-panel-menu-bar.vertical menubar > menuitem { padding: 8px 0; } .mate-panel-menu-bar menubar menu > menuitem { min-height: 28px; padding: 0 6px; } .mate-panel-menu-bar #PanelApplet button { -GtkWidget-window-dragging: true; } .mate-panel-menu-bar #tasklist-button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #1A73E8; } .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: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow calendar { border-style: none; } #MatePanelPopupWindow calendar:not(:selected) { background-color: transparent; } #MatePanelPopupWindow calendar + box { margin-top: -5px; padding-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow expander > title { min-height: 32px; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow > frame > box > box > box > widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button:not(.flat) { background-color: alpha(currentColor, 0.12); } #mate-menu button image, #mate-menu button label + label { color: rgba(0, 0, 0, 0.6); } #mate-menu entry { margin: 0 0 4px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 4px; padding: 4px; } .brisk-menu { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .brisk-menu entry { margin-bottom: -2px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; box-shadow: none; background-color: transparent; } .brisk-menu entry + box > box:dir(ltr) { margin-right: -2px; border-right: 1px solid rgba(0, 0, 0, 0.12); } .brisk-menu entry + box > box:dir(rtl) { margin-left: -2px; border-left: 1px solid rgba(0, 0, 0, 0.12); } .brisk-menu .categories-list { padding-top: 4px; } .brisk-menu .categories-list button { margin: 0 4px; } .brisk-menu .categories-list button:checked { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .brisk-menu .categories-list button:checked:drop(active), .brisk-menu .categories-list button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .brisk-menu .categories-list button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .brisk-menu .categories-list button:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .brisk-menu .session-button { padding: 8px; } .brisk-menu .frame { border-style: none; } .brisk-menu .apps-list { padding: 4px 0; background-color: transparent; } .brisk-menu .apps-list row { padding: 0; } .brisk-menu .apps-list row:hover { box-shadow: none; } .brisk-menu .apps-list button { border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } /********************* * CAJA File manager * *********************/ .caja-navigation-window box.horizontal > button.toggle.image-button { border-radius: 4px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button.slider-button { min-width: 24px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-canvas-item { border-radius: 4px; } .caja-desktop.view .entry, .caja-navigation-window .view .entry { border: none; border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); background-image: none; color: rgba(0, 0, 0, 0.87); } .caja-desktop.view .entry:selected, .caja-navigation-window .view .entry:selected { background-color: rgba(26, 115, 232, 0.24); } .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } .caja-desktop.view .entry:selected { background-color: rgba(26, 115, 232, 0.24); } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } #caja-extra-view-widget > box > box > label { font-weight: bold; } #caja-extra-view-widget button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #caja-extra-view-widget button:not(:disabled):drop(active), #caja-extra-view-widget button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #caja-extra-view-widget button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #caja-extra-view-widget button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .lock-dialog frame > border { border-style: none; } .lock-dialog button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .lock-dialog button:not(:disabled):drop(active), .lock-dialog button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .lock-dialog button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .lock-dialog button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } MsdOsdWindow.background.osd .trough { border-radius: 0; background-color: rgba(255, 255, 255, 0.12); } MsdOsdWindow.background.osd .progressbar { border-radius: 0; background-color: white; } /****************** * Budgie Desktop * ******************/ .budgie-container { background-color: transparent; } .budgie-settings-window buttonbox.inline-toolbar { border-style: none none solid; } .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; } .budgie-popover { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .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 button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.budgie-menu .sidebar, .budgie-popover.budgie-menu scrollbar, .budgie-popover.budgie-menu entry.search { background-color: transparent; } .budgie-popover.budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-popover.budgie-menu button.flat:not(.image-button) { min-height: 32px; padding: 0 8px; border-radius: 0; } .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active), .budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } .budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled { background-color: transparent; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .name-button image:dir(ltr) { margin-right: 3px; } .budgie-popover.places-menu .name-button image:dir(rtl) { margin-left: 3px; } .budgie-popover.places-menu .unmount-button { margin: 2px; padding: 0; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { box-shadow: none; } .workspace-switcher .workspace-add-button:active { background-image: none; } .workspace-switcher .workspace-add-button:active image { margin: 1px 0 -1px; } .budgie-panel .workspace-switcher .workspace-icon-button { min-height: 24px; min-width: 24px; padding: 0; border-radius: 4px; } .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #1F1F1F; 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; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .budgie-panel button:drop(active), .budgie-panel button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-panel button:disabled { color: rgba(255, 255, 255, 0.3); } .budgie-panel button:checked { color: white; } .budgie-panel button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(255, 255, 255, 0.3); } .budgie-panel .alert { color: #8AB4F8; } .budgie-panel .titlebar:not(headerbar) { min-height: 0; padding: 0; box-shadow: none; background-color: transparent; color: white; } .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } .top frame.raven-frame > border { margin-bottom: 32px; } .bottom frame.raven-frame > border { margin-top: 32px; } .left frame.raven-frame > border { margin-right: 32px; } .right frame.raven-frame > border { margin-left: 32px; } .raven { background-color: #FFFFFF; } .raven list { background-color: transparent; } .raven > box:not(:only-child) { margin-bottom: -10px; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .raven .raven-header.top stackswitcher.linked > button { margin: -4px 0 -5px; padding: 0 16px; min-height: 40px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven .raven-header.top stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven stack .raven-header { margin-top: -6px; } .raven stack scrolledwindow .raven-header { margin-top: -8px; } .raven .expander-button { border-radius: 9999px; } .raven .raven-background stackswitcher.linked > button { margin: -2px 8px 9px; padding: 0 12px; min-height: 32px; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.08); font-weight: normal; } .raven .raven-background stackswitcher.linked > button:checked { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .raven .raven-background stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .raven .raven-background stackswitcher.linked > button:not(:first-child) { margin-left: 0; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.08); } .raven revealer > .raven-background { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .raven .raven-header + .raven-background { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame > list > row { padding: 0; box-shadow: none; background: none; } .raven viewport.frame > list > row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame > list > row > box { margin-top: -5px; margin-left: -5px; margin-bottom: -5px; } .raven viewport.frame > list > row > box > box { padding: 6px; margin-bottom: -10px; } .raven viewport.frame > list > row > box > list > row { padding: 8px; } .raven viewport.frame > list > row > box > list > row > box { margin-bottom: -5px; } .raven viewport.frame > list > row > box > list > row > box > box > label { font-weight: bold; } .raven viewport.frame > list > row > box > list > row > box > box > button.image-button { padding: 0; } .raven viewport.frame > list > row > box > list > row > box > label { margin-top: -6px; font-size: smaller; } .raven .powerstrip button { margin: 2px 0 1px; padding: 8px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 4px; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: white; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 8px; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .raven-mpris button.image-button:drop(active), .raven-mpris button.image-button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-notification .notification-body, .budgie-switcher .notification-body { color: rgba(0, 0, 0, 0.6); } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .drop-shadow button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .drop-shadow button.text-button:not(:disabled):drop(active), .drop-shadow button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .drop-shadow button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .drop-shadow button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .drop-shadow .linked > button { margin-right: 4px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 4px; } .budgie-session-dialog > box { padding: 8px; } .budgie-session-dialog image { margin: -8px; -gtk-icon-transform: scale(0); } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { margin-bottom: 8px; font-size: 20px; font-weight: 500; } .budgie-session-dialog .dialog-title + label { color: rgba(0, 0, 0, 0.6); } .budgie-session-dialog .linked.horizontal > button:not(:last-child) { margin-right: 8px; } .budgie-session-dialog .linked.horizontal > button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .budgie-session-dialog .linked.horizontal > button:not(:disabled):drop(active), .budgie-session-dialog .linked.horizontal > button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.6); } .budgie-polkit-dialog .failure { color: #D93025; } .budgie-run-dialog entry.search { font-size: 120%; padding: 4px 12px; border-image: none; box-shadow: none; background-color: transparent; } .budgie-run-dialog list { padding: 4px 0; background-color: transparent; } .budgie-run-dialog list .dim-label { color: inherit; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-run-dialog scrollbar.right, .budgie-run-dialog scrollbar.bottom { border-bottom-right-radius: 4px; } .budgie-run-dialog scrollbar.left, .budgie-run-dialog scrollbar.bottom { border-bottom-left-radius: 4px; } /************** * Xfce4 Apps * **************/ .XfceHeading { background-color: #FFFFFF; } /*************** * xfce4-panel * ***************/ .xfce4-panel.background { border: none; background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .xfce4-panel.background button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .xfce4-panel.background button:drop(active), .xfce4-panel.background button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } .xfce4-panel.background button:checked { color: white; } .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button:checked { border-image: image(currentColor) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button image { padding: 4px; } .xfce4-panel.background frame > border { border-style: none; } .xfce4-panel.background progressbar progress { background-color: #8AB4F8; } .xfce4-panel.background progressbar trough { background-color: rgba(255, 255, 255, 0.12); } wnck-pager:hover { background-color: alpha(currentColor, 0.08); } wnck-pager:active { background-color: alpha(currentColor, 0.12); } wnck-pager:selected { background-color: #1A73E8; } XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { box-shadow: none; } XfdesktopIconView.view .rubberband { border-radius: 0; } #XfceNotifyWindow { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #XfceNotifyWindow buttonbox button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #XfceNotifyWindow buttonbox button:not(:disabled):drop(active), #XfceNotifyWindow buttonbox button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } #XfceNotifyWindow label#summary { font-weight: bold; } #XfceNotifyWindow label#summary + label { color: rgba(0, 0, 0, 0.6); } #xfwm-tabwin { padding: 12px; border-radius: 4px; -XfwmTabwinWidget-icon-size: 64px; -XfwmTabwinWidget-preview-size: 64px; } /********** * Thunar * **********/ .thunar #location-toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .thunar #location-toolbar > toolitem > button { min-width: 24px; padding: 4px; border-radius: 9999px; } .thunar .shortcuts-pane.frame, .thunar .standard-view.frame { border-style: none; } .thunar .sidebar .view:not(:selected) { background-color: transparent; } .thunar statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: white; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: white; } #panel_window menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 4px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #content_frame { padding-bottom: 16px; } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame > box, #buttonbox_frame > buttonbox { margin: -16px; } #buttonbox_frame button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #buttonbox_frame button:not(:disabled):drop(active), #buttonbox_frame button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #buttonbox_frame button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #buttonbox_frame button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /******** * Nemo * ********/ .nemo-window .primary-toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .nemo-window .primary-toolbar stack > box { margin: -2px; } .nemo-window .primary-toolbar button.text-button { padding-left: 8px; padding-right: 8px; } .nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { padding-left: 4px; padding-right: 4px; } .nemo-window scrolledwindow.frame { border-style: none; } .nemo-window scrolledwindow.frame .view:not(:selected) { background-color: transparent; } .nemo-window infobar { margin-top: -6px; } .nemo-window .nemo-inactive-pane .view:not(:selected) { background-color: #FAFAFA; } .nemo-window .nemo-window-pane widget.entry { border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); } .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: gainsboro; -NemoPlacesTreeView-disk-full-fg-color: #1A73E8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; -NemoPlacesTreeView-disk-full-max-length: 80px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color 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 #F2F2F2; /* 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 #1A73E8; /* text/foreground color of selections */ @define-color theme_selected_fg_color white; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #F2F2F2; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #FAFAFA; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #F2F2F2; /* 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 #1A73E8; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color white; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #F4B400; @define-color error_color #D93025; @define-color success_color #0F9D58; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title rgba(255, 255, 255, 0.87); @define-color wm_unfocused_title rgba(255, 255, 255, 0.6); @define-color wm_highlight rgba(255, 255, 255, 0.1); @define-color wm_bg #383838; @define-color wm_unfocused_bg #303030; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #666666; materia-theme-20200320/src/gtk/3.0/gtk-compact.scss000066400000000000000000000004231363503524500214550ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'true'; @import '../../_sass/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-20200320/src/gtk/3.0/gtk-dark-compact.css000066400000000000000000006036451363503524500222300ustar00rootroot00000000000000@keyframes ripple { to { background-size: 1000% 1000%; } } @keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } @keyframes ripple-on-headerbar { from { background-image: radial-gradient(circle, #8AB4F8 0%, transparent 0%); } to { background-image: radial-gradient(circle, #8AB4F8 100%, transparent 0%); } } button, modelbutton.flat, .menuitem.button.flat, notebook > header > tabs > arrow, check, radio, row.activatable { transition-property: all, border-image, background-size, background-image; transition-duration: 75ms, 225ms, 300ms, 1200ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); outline: none; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } button:active, modelbutton.flat:active, .menuitem.button.flat:active, notebook > header > tabs > arrow:active, check:active, radio:active, row.activatable:active { transition-duration: 75ms, 225ms, 0ms, 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-size: 0% 0%; } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #F28B82; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 4; -gtk-secondary-caret-color: #8AB4F8; outline: 2px solid transparent; outline-offset: -4px; -gtk-outline-radius: 4px; } *:focus { outline-color: alpha(currentColor, 0.12); } /*************** * Base States * ***************/ .background { background-color: #181818; color: rgba(255, 255, 255, 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: #181818; color: rgba(255, 255, 255, 0.87); } .gtkstyle-fallback:hover { background-color: #0b0b0b; } .gtkstyle-fallback:active { background-color: black; } .gtkstyle-fallback:disabled { color: rgba(255, 255, 255, 0.38); } .gtkstyle-fallback:selected { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .view { background-color: #242424; color: rgba(255, 255, 255, 0.87); } .view:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } .view:selected:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.08); } .view:disabled { color: rgba(255, 255, 255, 0.38); } .view:hover, .view:selected { border-radius: 4px; } textview text { background-color: #242424; caret-color: #8AB4F8; } textview border { background-color: #242424; color: rgba(255, 255, 255, 0.6); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 4px; } .content-view .tile:selected { background-color: transparent; } label { caret-color: #8AB4F8; } label.separator { color: rgba(255, 255, 255, 0.6); } label:disabled { color: rgba(255, 255, 255, 0.38); } headerbar label:disabled, menuitem label:disabled, tab label:disabled, button label:disabled { color: inherit; } label.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } .dim-label { color: rgba(255, 255, 255, 0.6); } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 32px; padding: 0 12px; color: rgba(255, 255, 255, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(255, 255, 255, 0.87); } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; color: #8AB4F8; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:disabled { color: rgba(255, 255, 255, 0.26); } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 32px; padding: 0 8px; border-radius: 4px 4px 0 0; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.26); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); caret-color: #8AB4F8; } spinbutton:focus:not(.vertical), entry:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 2/0 0 2px; } spinbutton:drop(active):not(.vertical), entry:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.26); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; border-radius: 0; background-color: transparent; } spinbutton:not(.vertical) image, entry image { color: rgba(255, 255, 255, 0.6); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: rgba(255, 255, 255, 0.87); } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(255, 255, 255, 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, transparent 50%, rgba(255, 255, 255, 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, transparent 50%, rgba(255, 255, 255, 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 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F28B82 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F28B82; background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); caret-color: #F28B82; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F28B82 100%, transparent 0%) 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FDD633 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FDD633; background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); caret-color: #FDD633; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FDD633 100%, transparent 0%) 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; border-bottom: 2px solid #8AB4F8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #343434; color: rgba(255, 255, 255, 0.87); caret-color: #8AB4F8; } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #242424; color: rgba(255, 255, 255, 0.38); } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #F28B82; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #242424; color: rgba(255, 255, 255, 0.38); } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FDD633; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #242424; color: rgba(255, 255, 255, 0.38); } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { color: rgba(0, 0, 0, 0.38); } treeview entry, treeview entry.flat { background-color: #242424; } treeview entry, treeview entry:focus, treeview entry.flat, treeview entry.flat:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 2px; border-radius: 9999px; box-shadow: none; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.87); } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 4px; margin-right: 0; padding-left: 12px; padding-right: 8px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: 0; margin-right: 4px; padding-left: 8px; padding-right: 12px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.6); } /*********** * Buttons * ***********/ @keyframes needs-attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8AB4F8), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8AB4F8), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 4px 8px; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); font-weight: 500; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:drop(active), button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:active { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } button:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } button:checked { background-color: #424853; color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:checked:drop(active), button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:active { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } button:checked:disabled { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } button.text-button { min-width: 32px; padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 4px; border-radius: 9999px; } button.text-button.image-button { min-width: 24px; padding: 4px; border-radius: 4px; } 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 button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, #caja-extra-view-widget button, .lock-dialog button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, #buttonbox_frame button, button.flat, combobox > .linked:not(.vertical) > button:not(:only-child), layouttabbar button, .message-input-area button, .caja-navigation-window box.horizontal > button.toggle.image-button, .raven .raven-header.top stackswitcher.linked > button, .raven .raven-background stackswitcher.linked > button, .nemo-window .toolbar button, spinbutton:not(.vertical) button, spinbutton.vertical button, .caja-pathbar button, .path-bar.linked:not(.vertical) > button, scrollbar button, button.sidebar-button, .gedit-search-slider .linked:not(.vertical) > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button { background-color: transparent; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:drop(active), popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:drop(active), infobar.question button:drop(active), #caja-extra-view-widget button:drop(active), .lock-dialog button:drop(active), .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:drop(active), #buttonbox_frame button:drop(active), button.flat:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), layouttabbar button:drop(active), .message-input-area button:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:drop(active), .raven .raven-header.top stackswitcher.linked > button:drop(active), .raven .raven-background stackswitcher.linked > button:drop(active), .nemo-window .toolbar button:drop(active), spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:drop(active), .caja-pathbar button:drop(active), .path-bar.linked:not(.vertical) > button:drop(active), scrollbar button:drop(active), button.sidebar-button:drop(active), .gedit-search-slider .linked:not(.vertical) > button:drop(active), popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:drop(active), #mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:drop(active), toolbar button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, popover.background button.model:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), .app-notification button:hover, .dialog-action-box button:hover, filechooser #pathbarbox > stack > box > button:hover, infobar.info button:hover, infobar.question button:hover, #caja-extra-view-widget button:hover, .lock-dialog button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, #buttonbox_frame button:hover, button.flat:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), layouttabbar button:hover, .message-input-area button:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:hover, .raven .raven-header.top stackswitcher.linked > button:hover, .raven .raven-background stackswitcher.linked > button:hover, .nemo-window .toolbar button:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, .caja-pathbar button:hover, .path-bar.linked:not(.vertical) > button:hover, scrollbar button:hover, button.sidebar-button:hover, .gedit-search-slider .linked:not(.vertical) > button:hover, popover.messagepopover .popover-action-area button:hover, #MatePanelPopupWindow button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, #caja-extra-view-widget button:focus, .lock-dialog button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, #buttonbox_frame button:focus, button.flat:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), layouttabbar button:focus, .message-input-area button:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:focus, .raven .raven-header.top stackswitcher.linked > button:focus, .raven .raven-background stackswitcher.linked > button:focus, .nemo-window .toolbar button:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, .caja-pathbar button:focus, .path-bar.linked:not(.vertical) > button:focus, scrollbar button:focus, button.sidebar-button:focus, .gedit-search-slider .linked:not(.vertical) > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, #caja-extra-view-widget button:active, .lock-dialog button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, #buttonbox_frame button:active, button.flat:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), layouttabbar button:active, .message-input-area button:active, .caja-navigation-window box.horizontal > button.toggle.image-button:active, .raven .raven-header.top stackswitcher.linked > button:active, .raven .raven-background stackswitcher.linked > button:active, .nemo-window .toolbar button:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, .caja-pathbar button:active, .path-bar.linked:not(.vertical) > button:active, scrollbar button:active, button.sidebar-button:active, .gedit-search-slider .linked:not(.vertical) > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, #caja-extra-view-widget button:disabled, .lock-dialog button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, #buttonbox_frame button:disabled, button.flat:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), layouttabbar button:disabled, .message-input-area button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, .raven .raven-header.top stackswitcher.linked > button:disabled, .raven .raven-background stackswitcher.linked > button:disabled, .nemo-window .toolbar button:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, .caja-pathbar button:disabled, .path-bar.linked:not(.vertical) > button:disabled, scrollbar button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked:not(.vertical) > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.26); } toolbar button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, #caja-extra-view-widget button:checked, .lock-dialog button:checked, .drop-shadow button:checked, .budgie-session-dialog .linked.horizontal > button:checked, #buttonbox_frame button:checked, button.flat:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), layouttabbar button:checked, .message-input-area button:checked, .caja-navigation-window box.horizontal > button.toggle.image-button:checked, .raven .raven-header.top stackswitcher.linked > button:checked, .raven .raven-background stackswitcher.linked > button:checked, .nemo-window .toolbar button:checked { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:drop(active), popover.background button.model:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:checked:drop(active), .dialog-action-box button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), infobar.info button:checked:drop(active), infobar.question button:checked:drop(active), #caja-extra-view-widget button:checked:drop(active), .lock-dialog button:checked:drop(active), .drop-shadow button:checked:drop(active), .budgie-session-dialog .linked.horizontal > button:checked:drop(active), #buttonbox_frame button:checked:drop(active), button.flat:checked:drop(active), combobox > .linked:not(.vertical) > button:checked:drop(active):not(:only-child), layouttabbar button:checked:drop(active), .message-input-area button:checked:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:checked:drop(active), .raven .raven-header.top stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:drop(active), .nemo-window .toolbar button:checked:drop(active), toolbar button:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:hover, popover.background button.model:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), .app-notification button:checked:hover, .dialog-action-box button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, infobar.info button:checked:hover, infobar.question button:checked:hover, #caja-extra-view-widget button:checked:hover, .lock-dialog button:checked:hover, .drop-shadow button:checked:hover, .budgie-session-dialog .linked.horizontal > button:checked:hover, #buttonbox_frame button:checked:hover, button.flat:checked:hover, combobox > .linked:not(.vertical) > button:checked:hover:not(:only-child), layouttabbar button:checked:hover, .message-input-area button:checked:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover, .raven .raven-header.top stackswitcher.linked > button:checked:hover, .raven .raven-background stackswitcher.linked > button:checked:hover, .nemo-window .toolbar button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } toolbar button:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:focus, popover.background button.model:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), .app-notification button:checked:focus, .dialog-action-box button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, infobar.info button:checked:focus, infobar.question button:checked:focus, #caja-extra-view-widget button:checked:focus, .lock-dialog button:checked:focus, .drop-shadow button:checked:focus, .budgie-session-dialog .linked.horizontal > button:checked:focus, #buttonbox_frame button:checked:focus, button.flat:checked:focus, combobox > .linked:not(.vertical) > button:checked:focus:not(:only-child), layouttabbar button:checked:focus, .message-input-area button:checked:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:focus, .raven .raven-header.top stackswitcher.linked > button:checked:focus, .raven .raven-background stackswitcher.linked > button:checked:focus, .nemo-window .toolbar button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } toolbar button:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:active, popover.background button.model:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), .app-notification button:checked:active, .dialog-action-box button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, infobar.info button:checked:active, infobar.question button:checked:active, #caja-extra-view-widget button:checked:active, .lock-dialog button:checked:active, .drop-shadow button:checked:active, .budgie-session-dialog .linked.horizontal > button:checked:active, #buttonbox_frame button:checked:active, button.flat:checked:active, combobox > .linked:not(.vertical) > button:checked:active:not(:only-child), layouttabbar button:checked:active, .message-input-area button:checked:active, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:active, .raven .raven-header.top stackswitcher.linked > button:checked:active, .raven .raven-background stackswitcher.linked > button:checked:active, .nemo-window .toolbar button:checked:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } toolbar button:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, #caja-extra-view-widget button:checked:disabled, .lock-dialog button:checked:disabled, .drop-shadow button:checked:disabled, .budgie-session-dialog .linked.horizontal > button:checked:disabled, #buttonbox_frame button:checked:disabled, button.flat:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), layouttabbar button:checked:disabled, .message-input-area button:checked:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:disabled, .raven .raven-header.top stackswitcher.linked > button:checked:disabled, .raven .raven-background stackswitcher.linked > button:checked:disabled, .nemo-window .toolbar button:checked:disabled { color: rgba(255, 255, 255, 0.38); } toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, #caja-extra-view-widget button.text-button, .lock-dialog button.text-button, .drop-shadow button.text-button, .budgie-session-dialog .linked.horizontal > button.text-button, #buttonbox_frame button.text-button, button.flat.text-button { min-width: 48px; padding-left: 8px; padding-right: 8px; } toolbar button.text-button.image-button, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button.image-button, popover.background button.text-button.image-button.model, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button.image-button, .dialog-action-box button.text-button.image-button, filechooser #pathbarbox > stack > box > button.text-button.image-button, infobar.info button.text-button.image-button, infobar.question button.text-button.image-button, #caja-extra-view-widget button.text-button.image-button, .lock-dialog button.text-button.image-button, .drop-shadow button.text-button.image-button, .budgie-session-dialog .linked.horizontal > button.text-button.image-button, #buttonbox_frame button.text-button.image-button, button.flat.text-button.image-button { min-width: 24px; padding: 4px; } toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, #caja-extra-view-widget button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .drop-shadow button.text-button.image-button label:first-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:first-child, #buttonbox_frame button.text-button.image-button label:first-child, button.flat.text-button.image-button label:first-child { margin-left: 8px; } toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, #caja-extra-view-widget button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .drop-shadow button.text-button.image-button label:last-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:last-child, #buttonbox_frame button.text-button.image-button label:last-child, button.flat.text-button.image-button label:last-child { margin-right: 8px; } toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .drop-shadow .linked:not(.vertical) > button:not(:only-child), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child), popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), infobar.info .linked.vertical > button:not(:only-child), infobar.question .linked.vertical > button:not(:only-child), #caja-extra-view-widget .linked.vertical > button:not(:only-child), .lock-dialog .linked.vertical > button:not(:only-child), .drop-shadow .linked.vertical > button:not(:only-child), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child), #buttonbox_frame .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { border-radius: 4px; } toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked.vertical > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked.vertical > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } button.osd { padding: 8px 12px; } button.osd.image-button { padding: 8px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:drop(active), button.suggested-action:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:active { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } button.suggested-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } button.suggested-action:checked { background-color: rgba(125, 163, 224, 0.9844); } button.suggested-action.flat { background-color: transparent; color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } button.suggested-action.flat:drop(active), button.suggested-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.suggested-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.suggested-action.flat:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.26); } button.suggested-action.flat:checked { background-color: rgba(138, 180, 248, 0.12); } button.destructive-action { background-color: #F28B82; color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:drop(active), button.destructive-action:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:active { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } button.destructive-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } button.destructive-action:checked { background-color: rgba(219, 126, 118, 0.9844); } button.destructive-action.flat { background-color: transparent; color: #F28B82; box-shadow: inset 0 0 0 9999px transparent; } button.destructive-action.flat:drop(active), button.destructive-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(242, 139, 130, 0.12); } button.destructive-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(242, 139, 130, 0.12); } button.destructive-action.flat:active { background-image: radial-gradient(circle, rgba(242, 139, 130, 0.16) 10%, transparent 0%); } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.26); } button.destructive-action.flat:checked { background-color: rgba(242, 139, 130, 0.12); } .stack-switcher > button > label { margin: 0 -6px; padding: 0 6px; } .stack-switcher > button > image { margin: -3px -6px; padding: 3px 6px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .inline-toolbar button:not(.text-button) { border-radius: 9999px; } .primary-toolbar button { -gtk-icon-shadow: none; } button.close, button.circular { border-radius: 9999px; } 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 .linked:not(.vertical) > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { animation: needs-attention 225ms 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.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; } .linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; } .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } .linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } .linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 4px; box-shadow: inset 0 0 0 9999px transparent; } modelbutton.flat:drop(active), modelbutton.flat:hover, .menuitem.button.flat:drop(active), .menuitem.button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } modelbutton.flat:focus, .menuitem.button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } modelbutton.flat:active, .menuitem.button.flat:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } 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: 4px; } /********* * Links * *********/ *:link { color: #8AB4F8; } *:visited { color: #CE93D8; } button.link:link { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } button.link:link:drop(active), button.link:link:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.link:link:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.link:link:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } button.link:visited { color: #CE93D8; box-shadow: inset 0 0 0 9999px transparent; } button.link:visited:drop(active), button.link:visited:hover { box-shadow: inset 0 0 0 9999px rgba(206, 147, 216, 0.08); } button.link:visited:focus { box-shadow: inset 0 0 0 9999px rgba(206, 147, 216, 0.08); } button.link:visited:active { background-image: radial-gradient(circle, rgba(206, 147, 216, 0.12) 10%, transparent 0%); } button.link > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } spinbutton:not(.vertical) entry { min-width: 24px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 4px transparent; } spinbutton:not(.vertical) button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -2px; } spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { margin-right: -2px; } spinbutton.vertical { caret-color: #8AB4F8; } spinbutton.vertical:disabled { color: rgba(255, 255, 255, 0.38); } spinbutton.vertical entry { min-height: 32px; min-width: 40px; padding: 0; } spinbutton.vertical button { min-height: 32px; min-width: 40px; padding: 0; } spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 4px 4px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: 0px; } combobox button.combo cellview:dir(rtl) { margin-right: 0px; } combobox menu { padding: 2px 0; } combobox menu menuitem { min-height: 28px; padding: 0 8px; } combobox menu > arrow.top { margin-top: -2px; } combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } combobox > .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { margin-right: -32px; padding-right: 32px; } combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { margin-left: -32px; padding-left: 32px; } combobox > .linked:not(.vertical) > button:not(:only-child) { min-height: 16px; min-width: 16px; margin: 4px; padding: 4px; border-radius: 9999px; } button.combo:only-child { border-radius: 4px 4px 0 0; font-weight: normal; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.26); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); caret-color: #8AB4F8; } button.combo:only-child:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.26); } button.combo:only-child:drop(active), button.combo:only-child:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.26); } button.combo:only-child:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 2/0 0 2px; } button.combo:only-child:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #181818; } .osd toolbar { background-color: transparent; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.osd.bottom { box-shadow: none; background-color: transparent; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 6px 2px; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 4px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } .inline-toolbar { padding: 4px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(255, 255, 255, 0.12); background-color: #242424; } searchbar > revealer > box, .location-bar { padding: 4px; border-style: solid; border-width: 0 0 1px; border-color: rgba(255, 255, 255, 0.12); background-color: #181818; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 4px; } /*************** * Header bars * ***************/ .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #2d2d2d; color: rgba(255, 255, 255, 0.87); } .titlebar:disabled { color: rgba(255, 255, 255, 0.38); } .titlebar:backdrop { background-color: #242424; color: rgba(255, 255, 255, 0.6); } .titlebar:backdrop:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar .subtitle { padding-left: 12px; padding-right: 12px; font-size: smaller; } .titlebar .subtitle, .titlebar .dim-label { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(255, 255, 255, 0.6); } .titlebar .subtitle:backdrop, .titlebar .dim-label:backdrop { color: rgba(255, 255, 255, 0.38); } .titlebar .titlebar { background-color: transparent; box-shadow: none; } .titlebar headerbar + separator { background-color: rgba(255, 255, 255, 0.12); } .titlebar entry { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .titlebar entry:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } .titlebar entry image { color: rgba(255, 255, 255, 0.6); } .titlebar entry image:hover, .titlebar entry image:active { color: rgba(255, 255, 255, 0.87); } .titlebar entry image:disabled { color: rgba(255, 255, 255, 0.38); } .titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } .titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } .titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.26); } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87); box-shadow: inset 0 0 0 9999px transparent; } .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.6); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } .titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { min-width: 104px; } .titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; padding-left: 4px; padding-right: 4px; } .titlebar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode:backdrop { color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode .subtitle:link { color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(0, 0, 0, 0.38); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(0, 0, 0, 0.38); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .titlebar .selection-mode { box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-color: #8AB4F8; } .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .titlebar.default-decoration { min-height: 24px; padding: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { box-shadow: none; } .titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } headerbar { min-height: 40px; padding: 0 4px; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 4px; margin-bottom: 4px; } headerbar separator.titlebutton { margin-top: 10px; margin-bottom: 10px; background-color: rgba(255, 255, 255, 0.12); } headerbar switch { margin-top: 8px; margin-bottom: 8px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag { margin-top: 5px; margin-bottom: 5px; } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar.linked:not(.vertical) > button { padding-left: 4px; padding-right: 4px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 4px; } .caja-pathbar button:checked, .path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(255, 255, 255, 0.87); } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, .path-bar.linked:not(.vertical) > button:checked, .path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, .path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, .path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(255, 255, 255, 0.26); border-top-color: rgba(255, 255, 255, 0.12); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { background-color: #242424; background-image: image(rgba(138, 180, 248, 0.24)); } treeview.view:hover, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(255, 255, 255, 0.12); } treeview.view:drop(active) { border-style: solid none; border-width: 9999px; border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.6); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(255, 255, 255, 0.87); } treeview.view.expander:disabled { color: rgba(255, 255, 255, 0.26); } treeview.view.progressbar { border-bottom: 4px solid #8AB4F8; box-shadow: none; background-color: transparent; background-image: none; } treeview.view.progressbar:selected:hover { box-shadow: none; } treeview.view.trough { border-bottom: 4px solid rgba(255, 255, 255, 0.12); box-shadow: none; background-color: transparent; background-image: none; } treeview.view.trough:selected:hover { box-shadow: none; } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(255, 255, 255, 0.12); border-radius: 0; background-clip: border-box; color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } treeview.view header button:drop(active), treeview.view header button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } treeview.view header button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } treeview.view header button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } treeview.view header button:drop(active):not(:active), treeview.view header button:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } treeview.view header button:disabled { color: rgba(255, 255, 255, 0.26); } treeview.view header button, treeview.view header button:disabled { background-color: #242424; } 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(255, 255, 255, 0.12); border-radius: 0; box-shadow: none; background-color: #242424; background-clip: border-box; color: #8AB4F8; } treeview.view acceleditor > label { background-color: #8AB4F8; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #2d2d2d; color: rgba(255, 255, 255, 0.87); } menubar:backdrop, .menubar:backdrop { background-color: #242424; color: rgba(255, 255, 255, 0.6); } .csd menubar, .csd .menubar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } menubar > menuitem, .menubar > menuitem { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.26); } .background.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: #343434; background-clip: border-box; border: 1px solid rgba(255, 255, 255, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 4px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; color: rgba(255, 255, 255, 0.87); font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: alpha(currentColor, 0.08); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(255, 255, 255, 0.38); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; color: rgba(255, 255, 255, 0.6); } menu menuitem arrow:disabled, .menu menuitem arrow:disabled, .context-menu menuitem arrow:disabled { color: rgba(255, 255, 255, 0.26); } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.6); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px 4px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0 0 4px 4px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(alpha(currentColor, 0.08)); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(255, 255, 255, 0.6); } menuitem:disabled accelerator { color: rgba(255, 255, 255, 0.26); } /************ * Popovers * ************/ popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #343434; } popover.background:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } popover.background, .csd popover.background { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; } 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 list, popover.background .view:not(:selected), popover.background toolbar { background-color: #343434; } popover.background.menu button, popover.background button.model { min-height: 32px; padding: 0 8px; border-radius: 4px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ frame > paned > notebook > header, notebook.frame > header { background-color: #242424; } notebook:focus tab:checked { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } notebook > header { border-width: 1px; border-color: rgba(255, 255, 255, 0.12); background-color: #181818; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab { border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px; } notebook > header.top > tabs > tab:checked { border-image-source: linear-gradient(to top, #8AB4F8 2px, rgba(255, 255, 255, 0.12) 2px); } notebook > header.top > tabs > tab.reorderable-page { border-image-width: 0 1px 2px; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab { border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0; } notebook > header.bottom > tabs > tab:checked { border-image-source: linear-gradient(to bottom, #8AB4F8 2px, rgba(255, 255, 255, 0.12) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { border-image-width: 2px 1px 0; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab { border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0; } notebook > header.left > tabs > tab:checked { border-image-source: linear-gradient(to left, #8AB4F8 2px, rgba(255, 255, 255, 0.12) 2px); } notebook > header.left > tabs > tab.reorderable-page { border-image-width: 1px 2px 1px 0; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab { border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px; } notebook > header.right > tabs > tab:checked { border-image-source: linear-gradient(to right, #8AB4F8 2px, rgba(255, 255, 255, 0.12) 2px); } notebook > header.right > tabs > tab.reorderable-page { border-image-width: 1px 0 1px 2px; } 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; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } notebook > header > tabs > arrow:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } notebook > header > tabs > arrow:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } notebook > header > tabs > arrow:disabled { color: rgba(255, 255, 255, 0.26); } notebook > header tab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 4px 12px; border-width: 1px; border-color: transparent; outline: none; background-image: radial-gradient(circle, #8AB4F8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; background-clip: border-box; color: rgba(255, 255, 255, 0.6); font-weight: 500; } notebook > header tab:hover { background-color: alpha(currentColor, 0.08); } notebook > header tab:disabled { color: rgba(255, 255, 255, 0.26); } notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; color: rgba(255, 255, 255, 0.87); } notebook > header tab:checked:disabled { color: rgba(255, 255, 255, 0.38); } notebook > header tab:checked.reorderable-page { border-color: rgba(255, 255, 255, 0.12); background-color: #242424; } notebook > header tab > box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: -4px -12px; padding: 4px 12px; } notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -8px; } notebook > header tab button.flat:first-child { margin-left: -8px; margin-right: 4px; } 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 { 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 { border-style: solid none; } notebook > stack:not(:only-child) { background-color: #242424; } /************** * Scrollbars * **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #242424; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.left { border-right: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.right { border-left: 1px solid rgba(255, 255, 255, 0.12); } scrollbar slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.38); } scrollbar slider:hover { background-color: rgba(255, 255, 255, 0.6); } scrollbar slider:active { background-color: rgba(255, 255, 255, 0.87); } scrollbar slider:disabled { background-color: rgba(255, 255, 255, 0.26); } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { margin: 2px 0; } scrollbar.fine-tune.vertical slider { margin: 0 2px; } scrollbar.overlay-indicator:not(.fine-tune) slider { transition-property: background-color, min-height, min-width; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(36, 36, 36, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(36, 36, 36, 0.3); border-radius: 9999px; background-color: rgba(255, 255, 255, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 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(52, 52, 52, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.26); background-clip: padding-box; font-size: 0; } switch:checked { background-color: rgba(138, 180, 248, 0.5); } switch:disabled { opacity: 0.5; } switch image { margin: -8px; -gtk-icon-transform: scale(0); } switch slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline: none; box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #a3a3a3; } switch:hover slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:checked slider { background-color: #8AB4F8; color: #8AB4F8; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view:not(list) .tile check { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view:not(list) .tile check:hover, .content-view:not(list) .tile check:active { -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), .content-view:not(list) .tile check { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); } .view.content-view.check:not(list):checked, .content-view:not(list) .tile check:checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); } checkbutton, radiobutton { outline: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; border-radius: 9999px; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } check:drop(active), check:hover, radio:drop(active), radio:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } check:focus, radio:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } check:active, radio:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover, radio:checked:drop(active), radio:checked:hover, radio:indeterminate:drop(active), radio:indeterminate:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } check:checked:focus, check:indeterminate:focus, radio:checked:focus, radio:indeterminate:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } check:disabled, radio:disabled { color: rgba(255, 255, 255, 0.26); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { transition: none; box-shadow: none; background-image: none; } popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check, 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; border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8AB4F8), to(transparent)); } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#8AB4F8), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(255, 255, 255, 0.26)), to(transparent)); } #MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } treeview.view check, treeview.view radio { padding: 0; color: rgba(255, 255, 255, 0.6); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #8AB4F8; } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(255, 255, 255, 0.26); } treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover, treeview.view radio, treeview.view radio:hover, treeview.view radio:selected, treeview.view radio:selected:hover { box-shadow: none; background-color: transparent; } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 2px; min-width: 2px; } scale.horizontal { padding: 15px 12px; } scale.vertical { padding: 12px 15px; } scale slider { min-height: 32px; min-width: 32px; margin: -15px; } scale.fine-tune.horizontal { min-height: 4px; padding-top: 14px; padding-bottom: 14px; } scale.fine-tune.vertical { min-width: 4px; padding-left: 14px; padding-right: 14px; } scale.fine-tune slider { margin: -14px; } scale trough { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(255, 255, 255, 0.26); } scale trough:disabled { background-color: rgba(255, 255, 255, 0.12); } scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); background-image: image(#8AB4F8); } scale highlight:disabled { background-color: #181818; background-image: image(rgba(255, 255, 255, 0.26)); } scale fill { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; color: #8AB4F8; } scale slider { background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:hover { background-color: alpha(currentColor, 0.08); } scale slider:focus { background-color: alpha(currentColor, 0.08); } scale slider:active { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; } scale marks, scale value { color: rgba(255, 255, 255, 0.6); } scale indicator { background-color: rgba(255, 255, 255, 0.26); color: transparent; } scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } scale.horizontal marks.bottom { margin-top: 7px; margin-bottom: -15px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } scale.vertical marks.top { margin-right: 7px; margin-left: -15px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } scale.vertical marks.bottom { margin-left: 7px; margin-right: -15px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } scale.horizontal indicator { min-height: 8px; min-width: 1px; } scale.vertical indicator { min-height: 1px; min-width: 8px; } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.color { min-height: 0; min-width: 0; } scale.color.horizontal { padding: 0 0 12px 0; } scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { margin-bottom: -24px; margin-top: 8px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -24px; margin-right: 8px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -24px; margin-left: 8px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(255, 255, 255, 0.6); 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(255, 255, 255, 0.12); } progressbar progress { background-color: #8AB4F8; } 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 block.low { background-color: #FDD633; } levelbar block.high, levelbar block:not(.empty) { background-color: #8AB4F8; } levelbar block.full { background-color: #81C995; } levelbar block.empty { background-color: rgba(255, 255, 255, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(255, 255, 255, 0.12); background-color: #242424; color: rgba(255, 255, 255, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat { border-style: none; } frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); background-color: #242424; background-clip: border-box; } actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(138, 180, 248, 0.24)), 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, transparent 50%, rgba(255, 255, 255, 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, transparent 50%, rgba(255, 255, 255, 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, transparent 50%, rgba(255, 255, 255, 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, transparent 50%, rgba(255, 255, 255, 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(255, 255, 255, 0.12); background-color: #242424; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(255, 255, 255, 0.12); } button.font separator, button.file separator, stacksidebar.sidebar + separator.vertical, stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(255, 255, 255, 0.12); background-color: #242424; } list row { padding: 2px; } row.activatable { box-shadow: inset 0 0 0 9999px transparent; } row.activatable:drop(active), row.activatable:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } row.activatable:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } row.activatable:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } row.activatable.has-open-popup { background-color: alpha(currentColor, 0.12); } row:selected { box-shadow: inset 0 0 0 9999px transparent; } row:selected:drop(active), row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } row:selected:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification button.text-button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .app-notification button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .app-notification button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.6); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(255, 255, 255, 0.87); } expander title > arrow:disabled { color: rgba(255, 255, 255, 0.26); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } calendar:disabled { color: rgba(255, 255, 255, 0.38); } calendar:selected { border-radius: 5px; } calendar.header { border-style: none none solid; border-color: rgba(255, 255, 255, 0.12); border-radius: 0; } calendar.button { border-radius: 5px; color: rgba(255, 255, 255, 0.6); } calendar.button:hover { background-image: image(alpha(currentColor, 0.08)); } calendar.button:disabled { color: rgba(255, 255, 255, 0.26); } calendar.highlight { color: rgba(255, 255, 255, 0.6); font-weight: 500; } calendar:indeterminate { color: rgba(255, 255, 255, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #343434; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; color: rgba(255, 255, 255, 0.87); } messagedialog .titlebar:backdrop { background-color: #343434; color: rgba(255, 255, 255, 0.6); } messagedialog.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } messagedialog box.vertical > label + label { color: rgba(255, 255, 255, 0.6); } messagedialog .dialog-action-box { margin-top: -4px; } messagedialog .dialog-action-box button:not(:last-child) { margin-right: 4px; } .dialog-action-box button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button:not(:disabled):drop(active), .dialog-action-box button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .dialog-action-box button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .dialog-action-box button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .dialog-action-box button.suggested-action:not(:disabled) { background-color: transparent; } .dialog-action-box button.destructive-action:not(:disabled) { background-color: transparent; color: #F28B82; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button.destructive-action:not(:disabled):drop(active), .dialog-action-box button.destructive-action:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(242, 139, 130, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(242, 139, 130, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):active { background-image: radial-gradient(circle, rgba(242, 139, 130, 0.16) 10%, transparent 0%); } filechooser .dialog-action-box { border-top: 1px solid rgba(255, 255, 255, 0.12); } filechooser #pathbarbox { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #181818; } filechooser #pathbarbox > stack > box > button { border-radius: 9999px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #242424; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr) { border-style: none; } stacksidebar.sidebar list { padding: 4px; background-color: #242424; } stacksidebar.sidebar row { min-height: 32px; padding: 0 2px; border-radius: 4px; } stacksidebar.sidebar row:selected { font-weight: 500; color: #8AB4F8; background-color: rgba(138, 180, 248, 0.16); box-shadow: inset 0 0 0 9999px transparent; } stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } stacksidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } stacksidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } stacksidebar.sidebar row + row { margin-top: 4px; } stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; } separator.sidebar { background-color: rgba(255, 255, 255, 0.12); } /**************** * File chooser * ****************/ row image.sidebar-icon { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(255, 255, 255, 0.6); } row image.sidebar-icon:disabled { color: rgba(255, 255, 255, 0.26); } placessidebar.sidebar > viewport.frame { border-style: none; } placessidebar.sidebar list { padding: 1px 0 4px; } placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } placessidebar.sidebar row > revealer { padding: 0 8px; } placessidebar.sidebar row:selected { font-weight: 500; color: #8AB4F8; background-color: rgba(138, 180, 248, 0.16); box-shadow: inset 0 0 0 9999px transparent; } placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } placessidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } placessidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } placessidebar.sidebar row:selected image.sidebar-icon { color: #8AB4F8; } placessidebar.sidebar row:disabled { color: rgba(255, 255, 255, 0.38); } placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } placessidebar.sidebar row.sidebar-new-bookmark-row { color: #8AB4F8; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { color: #8AB4F8; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #181818; background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.info, infobar.question { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #242424; } infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } infobar.info button.text-button:not(:disabled):drop(active), infobar.info button.text-button:not(:disabled):hover, infobar.question button.text-button:not(:disabled):drop(active), infobar.question button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } infobar.info button.text-button:not(:disabled):focus, infobar.question button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } infobar.info button.text-button:not(:disabled):active, infobar.question button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } infobar.warning { background-color: #FDD633; color: rgba(0, 0, 0, 0.87); } infobar.warning button.flat { color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } infobar.warning button.flat:drop(active), infobar.warning button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } infobar.warning *:link { color: rgba(0, 0, 0, 0.87); } infobar.error { background-color: #F28B82; color: rgba(0, 0, 0, 0.87); } infobar.error button.flat { color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } infobar.error button.flat:drop(active), infobar.error button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.error button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.error button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } infobar.error *:link { color: rgba(0, 0, 0, 0.87); } infobar button label { margin: 0 -4px; } /************ * Tooltips * ************/ tooltip { border-radius: 4px; box-shadow: none; } tooltip.background { background-color: rgba(97, 97, 97, 0.9); color: white; } tooltip decoration { background-color: transparent; } tooltip > box { margin: -6px; min-height: 24px; padding: 4px 8px; } tooltip .dim-label { color: rgba(255, 255, 255, 0.7); } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 4.5px; border-top-right-radius: 4.5px; } colorswatch.top overlay { border-top-left-radius: 4px; border-top-right-radius: 4px; } colorswatch.bottom { border-bottom-left-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 4.5px; border-bottom-left-radius: 4.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.dark { color: white; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } colorswatch overlay:drop(active), colorswatch overlay:hover { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); } colorswatch#add-color-button:only-child { border-radius: 4px; } colorswatch#add-color-button overlay { background-color: #343434; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 4.5px; } colorswatch#editor-color-sample overlay { border-radius: 4px; } colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } colorchooser .popover.osd:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } /******** * Misc * ********/ .content-view { background-color: #181818; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; } .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } .csd.popup decoration { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } tooltip.csd decoration { border-radius: 4px; box-shadow: none; } messagedialog.csd decoration { border-radius: 4px; } .solid-csd decoration { margin: 0; padding: 2px; border-radius: 0; box-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #2d2d2d; } .solid-csd decoration:backdrop { background-color: #242424; } button.titlebutton { border-radius: 9999px; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { background-color: rgba(138, 180, 248, 0.24); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { color: #8AB4F8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-transform: rotate(90deg); } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-transform: unset; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { padding-top: 6px; -gtk-icon-transform: rotate(45deg); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(255, 255, 255, 0.12); border-radius: 5px; box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); background-color: #343434; color: rgba(255, 255, 255, 0.87); font-size: smaller; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } button.emoji-section { margin: 4px; } button.emoji-section:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.16); box-shadow: inset 0 0 0 9999px transparent; } button.emoji-section:checked:drop(active), button.emoji-section:checked:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.emoji-section:checked:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.emoji-section:checked:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } button.emoji-section:not(:last-child) { margin-right: 0; } popover.emoji-picker .emoji { min-width: 3em; min-height: 3em; padding: 0 8px; } popover.emoji-picker .emoji widget { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } popover.emoji-picker .emoji widget:hover { background-color: alpha(currentColor, 0.08); } popover.emoji-completion { padding: 8px 0; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion .emoji-completion-row { min-height: 28px; padding: 0 12px; } popover.emoji-completion .emoji:hover { background-color: alpha(currentColor, 0.08); } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #242424; } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(255, 255, 255, 0.6); } @keyframes nautilus-operations-button-needs-attention { to { background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button { border-radius: 9999px; } .path-bar-box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; border-radius: 4px; } .path-bar-box button { margin: 0; } .path-bar-box.width-maximized { background-color: rgba(255, 255, 255, 0.04); } .path-bar-box.background.frame { border-style: none; background-color: rgba(255, 255, 255, 0.04); } .path-bar-box .path-bar button label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .path-bar button label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 4px; padding-right: 4px; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(255, 255, 255, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(52, 52, 52, 0.9); } .nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-left-style: none; border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-right-style: none; border-top-right-radius: 0; } .nautilus-window .floating-bar button { margin: 4px; } .disk-space-display.unknown { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.26); } .disk-space-display.used { background-color: #8AB4F8; color: #8AB4F8; } .disk-space-display.free { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.08); } .search-information { padding: 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #242424; color: rgba(255, 255, 255, 0.87); } .conflict-row:not(:selected) { background-color: #655929; } .nautilus-window flowboxchild .icon-item-background { padding: 4px; border-radius: 4px; } .nautilus-window flowboxchild:selected { background-color: transparent; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(255, 255, 255, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(255, 255, 255, 0.6); } .nautilus-window headerbar revealer > button { border-radius: 9999px; } .nautilus-window paned > separator { background-color: #242424; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(255, 255, 255, 0.6); font-size: smaller; } .open-document-selector-match { background-color: #FDD633; color: rgba(0, 0, 0, 0.87); } .gedit-document-panel { background-color: #242424; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(255, 255, 255, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(255, 255, 255, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; } .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; color: rgba(255, 255, 255, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { margin-right: -60px; padding-right: 60px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 4px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) { margin-left: -60px; padding-left: 60px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 4px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { background-color: #343434; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { color: rgba(0, 0, 0, 0.26); } .gedit-search-slider .linked:not(.vertical) > button { border: solid 4px transparent; border-radius: 9999px; } .gedit-search-slider .linked:not(.vertical) > button:last-child:dir(ltr), .gedit-search-slider .linked:not(.vertical) > button:not(:first-child):dir(rtl) { margin-left: -2px; } .gedit-search-slider .linked:not(.vertical) > button:first-child:dir(rtl), .gedit-search-slider .linked:not(.vertical) > button:not(:last-child):dir(ltr) { margin-right: -2px; } frame.gedit-map-frame > border:dir(ltr) { border-style: none none none solid; } frame.gedit-map-frame > border:dir(rtl) { border-style: none solid none none; } /********** * Tweaks * **********/ .tweak-categories { background-image: image(#242424); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#242424); } .tweak-startup, .tweak-startup:hover { background-image: image(#242424); } .tweak-group-startup { background-image: image(#242424); border: 1px solid rgba(255, 255, 255, 0.12); } row#Focus, row#ClickMethod, row#StaticWorkspaceTweak, row#dynamic-workspaces, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { padding: 0; border: 1px solid rgba(255, 255, 255, 0.12); } row#Focus row:not(:last-child), row#ClickMethod row:not(:last-child), row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } row#Focus.tweak > list, row#ClickMethod.tweak > list, row#StaticWorkspaceTweak.tweak > list, row#dynamic-workspaces.tweak > list, row#PrimaryWorkspaceTweak.tweak > list, row#workspaces-only-on-primary.tweak > list { margin-top: -3px; } row#Focus, row#ClickMethod, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { background-color: inherit; box-shadow: inherit; transition: color 75ms cubic-bezier(0, 0, 0.2, 1); } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator { background-color: inherit; background-image: image(rgba(255, 255, 255, 0.12)); } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #181818; } layouttabbar > box > button { margin: 4px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(255, 255, 255, 0.12); box-shadow: inset 0 -2px #8AB4F8; background-color: #242424; } 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(255, 255, 255, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #F28B82; color: rgba(0, 0, 0, 0.87); } window.workbench treeview.image { color: rgba(255, 255, 255, 0.6); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 4px; } popover.popover-selector list row image:dir(ltr) { margin-right: 6px; } popover.popover-selector list row image:dir(rtl) { margin-left: 6px; } popover.popover-selector list row .accel:dir(ltr) { margin-left: 6px; } popover.popover-selector list row .accel:dir(rtl) { margin-right: 6px; } omnibar.linked:not(.vertical) entry { border-radius: 4px; } omnibar entry { color: rgba(255, 255, 255, 0.6); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } entry.preferences-search { border-bottom: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; background-color: #242424; } preferences stacksidebar.sidebar list { background-color: #242424; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(255, 255, 255, 0.12); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(255, 255, 255, 0.12); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 4px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 4px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(255, 255, 255, 0.12); } popover.transfers list row > box { padding: 10px; } dockbin { border: 1px solid rgba(255, 255, 255, 0.12); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(255, 255, 255, 0.12); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #181818; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #181818; } docktab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 4px 6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; background-image: radial-gradient(circle, #8AB4F8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(255, 255, 255, 0.6); font-weight: 500; } docktab:hover { background-color: alpha(currentColor, 0.08); } docktab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #8AB4F8; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.87); } dockoverlayedge { background-color: #181818; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #8AB4F8; } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #8AB4F8; } pillbox { background-color: #181818; border-radius: 4px; } layoutpane entry.search { border-bottom: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; background-color: #242424; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; background-color: transparent; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } window.workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } button.run-arrow-button { padding-left: 8px; padding-right: 8px; } button.dzlmenubutton image { min-width: 26px; } button.dzlmenubutton image.arrow { min-width: 23px; } button.dzlmenubuttonitem { color: rgba(255, 255, 255, 0.87); font-weight: normal; } button.dzlmenubuttonitem:disabled { color: rgba(255, 255, 255, 0.38); } idelayoutstackheader { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } idelayoutstackheader button:checked { color: rgba(255, 255, 255, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: #181818; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(255, 255, 255, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(255, 255, 255, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: rgba(255, 255, 255, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #8AB4F8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #8AB4F8; } ideeditorsidebar notebook header { background: transparent; } popover.messagepopover list { border: 1px solid rgba(255, 255, 255, 0.12); } popover.messagepopover list row:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } #titlebar_container .suggestionbutton button { padding: 0; border-radius: 0; box-shadow: inset 0 0 0 9999px #2d2d2d; } #titlebar_container .suggestionbutton button:backdrop { box-shadow: inset 0 0 0 9999px #242424; } #titlebar_container .suggestionbutton button image { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1); min-width: 32px; min-height: 32px; border-radius: 9999px; box-shadow: inset 0 0 0 9999px transparent; } #titlebar_container .suggestionbutton button:hover image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:focus image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:active image { background-color: alpha(currentColor, 0.12); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { color: rgba(255, 255, 255, 0.87); font-weight: normal; } button.photos-filter-preview:checked { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } button.photos-filter-preview:checked image { color: white; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .side-panel .view { background-image: image(#242424); } .side-panel .view:hover { background-image: image(rgba(50, 50, 50, 0.9896)); } .side-panel .view:selected { background-image: image(#8AB4F8); } .side-panel .view:selected:hover { background-image: image(rgba(129, 169, 232, 0.9896)); } .songs-list:hover { background-image: image(alpha(currentColor, 0.08)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Terminal * ************/ terminal-window notebook > header > box { margin: -2px -2px -3px; } terminal-window notebook > header > box button { border-radius: 0; } /********* * To Do * *********/ task-list-view taskrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } task-list-view taskrow:hover { transition: none; } task-list-view taskrow label { margin: 0 8px; } task-list-view taskrow image.dim-label { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -4px; } task-list-view > box > revealer > box > button .dim-label { color: inherit; } tasklistview taskrow { outline: none; } tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { box-shadow: none; } tasklistview taskrow image.dim-label { min-width: 16px; } tasklistview > box > revealer > box > button { margin: -4px; } tasklistview > box > revealer > box > button .dim-label { color: inherit; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } /************* * Evolution * *************/ frame.taskbar > border { border-style: solid none none; } box.vertical > paned.horizontal notebook widget .frame { border-style: none; } /******** * gitg * ********/ frame.commit-frame > border { border-style: solid none none; } /************** * Characters * **************/ box.dialog-vbox scrolledwindow.related { border: 1px solid rgba(255, 255, 255, 0.12); } list.categories { background-image: image(#242424); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; } /********** * Evince * **********/ evview.content-view.view:selected { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } /********** * Polari * **********/ .polari-room-list row:selected { background-color: rgba(138, 180, 248, 0.5); } /*********** * Fractal * ***********/ button.osd.scroll_button { margin: 4px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } overlay > revealer.left > scrolledwindow.frame { margin-right: 32px; } overlay > revealer.right > scrolledwindow.frame { margin-left: 32px; } .terminix-session-sidebar, .tilix-session-sidebar { background-image: image(#343434); } .terminal-titlebar button { border-radius: 0; } button.image-button.session-new-button { min-width: 28px; } notebook.tilix-background tab > box > stack { margin: -6px; } button.flat.tilix-small-button { min-height: 20px; min-width: 16px; } /************** * Terminator * **************/ .terminator-terminal-window paned > separator { background-color: #181818; } .terminator-terminal-window notebook.frame { border-style: none; } /************* * Ubitquity * *************/ #live_installer .menubar progressbar trough { border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); } /*********** * Eclipse * ***********/ window.background > box.vertical > scrolledwindow > widget toolbar { padding: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar separator, window.background > box.vertical > scrolledwindow > widget toolbar button { margin: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar button { border-radius: 4px; } /************ * Chromium * ************/ window.background.chromium { background-color: #343434; } window.background.chromium entry, window.background.chromium > button { border: 1px solid rgba(255, 255, 255, 0.26); } window.background.chromium > button { color: #8AB4F8; } window.background.chromium > button:disabled { color: rgba(255, 255, 255, 0.26); } window.background.chromium menubar, window.background.chromium headerbar { color: rgba(255, 255, 255, 0.6); } window.background.chromium headerbar button:active { background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #8AB4F8; } window.background.chromium textview.view { background-color: transparent; } window.background.chromium treeview.view.cell:selected:focus { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } window.background.chromium treeview.view button { border: 1px solid rgba(255, 255, 255, 0.26); background-color: #242424; } tooltip.background.chromium { background-color: #616161; } /*********** * Firefox * ***********/ #MozillaGtkWidget > widget text { background-color: #343434; } #MozillaGtkWidget > widget text:selected { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } #MozillaGtkWidget > widget > separator { color: rgba(255, 255, 255, 0.12); } #MozillaGtkWidget > widget > frame > border { border-color: #545454; } #MozillaGtkWidget > widget > entry, #MozillaGtkWidget > widget > button > button { border: 1px solid rgba(255, 255, 255, 0.26); border-radius: 4px; box-shadow: none; } #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { border-color: rgba(255, 255, 255, 0.12); } #MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #242424; } #MozillaGtkWidget > widget > entry:focus { border-color: #8AB4F8; box-shadow: inset 0 0 0 1px #8AB4F8; } #MozillaGtkWidget > widget > entry:disabled { background-color: #242424; } #MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } #MozillaGtkWidget > widget > button > button:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } #MozillaGtkWidget > widget > checkbutton > check, #MozillaGtkWidget > widget > radiobutton > radio { margin: 0; padding: 0; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } #MozillaGtkWidget menu { border: none; } #MozillaGtkWidget menuitem label:disabled { color: rgba(255, 255, 255, 0.38); } #MozillaGtkWidget > widget > menubar { color: rgba(255, 255, 255, 0.6); } #MozillaGtkWidget > widget > menubar:hover { color: rgba(255, 255, 255, 0.87); } #MozillaGtkWidget > widget > menubar:disabled { color: rgba(255, 255, 255, 0.26); } #MozillaGtkWidget > widget > frame { color: rgba(255, 255, 255, 0.26); } #MozillaGtkWidget menu > separator { color: rgba(255, 255, 255, 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: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { border-width: 4px; } #ToolboxCommon > toolbar.vertical { margin-top: -4px; } #ToolboxCommon > toolbar.vertical button { min-height: 24px; min-width: 24px; padding: 4px; border-radius: 4px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(255, 255, 255, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(255, 255, 255, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(255, 255, 255, 0.12); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ /********* * 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: #8AB4F8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #2d2d2d; color: rgba(255, 255, 255, 0.87); } UnityDecoration .top:backdrop { background-color: #242424; color: rgba(255, 255, 255, 0.6); } UnityDecoration .menuitem { border-radius: 4px 4px 0 0; box-shadow: none; color: rgba(255, 255, 255, 0.6); } UnityDecoration .menuitem:hover { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #1F1F1F; color: rgba(255, 255, 255, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(255, 255, 255, 0.6); } .unity-panel.menuitem, .unity-panel .menuitem { color: rgba(255, 255, 255, 0.6); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #8AB4F8; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .mate-panel-menu-bar button:drop(active), .mate-panel-menu-bar button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .mate-panel-menu-bar button:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar button:checked { color: white; } .mate-panel-menu-bar button:checked:disabled { color: rgba(255, 255, 255, 0.5); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px); background-repeat: no-repeat; background-size: 4px 10px; color: rgba(255, 255, 255, 0.3); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(ltr) { background-position: 3px; } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(rtl) { background-position: calc(100% - 3px); } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { color: white; } .mate-panel-menu-bar menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { padding: 0 8px; } .mate-panel-menu-bar.vertical menubar > menuitem { padding: 8px 0; } .mate-panel-menu-bar menubar menu > menuitem { min-height: 28px; padding: 0 6px; } .mate-panel-menu-bar #PanelApplet button { -GtkWidget-window-dragging: true; } .mate-panel-menu-bar #tasklist-button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #8AB4F8; } .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(255, 255, 255, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow calendar { border-style: none; } #MatePanelPopupWindow calendar:not(:selected) { background-color: transparent; } #MatePanelPopupWindow calendar + box { margin-top: -5px; padding-top: 5px; border-top: 1px solid rgba(255, 255, 255, 0.12); } #MatePanelPopupWindow expander > title { min-height: 32px; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow > frame > box > box > box > widget { color: rgba(255, 255, 255, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(255, 255, 255, 0.12); background-color: #343434; } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(255, 255, 255, 0.87); font-weight: normal; } #mate-menu button:not(.flat) { background-color: alpha(currentColor, 0.12); } #mate-menu button image, #mate-menu button label + label { color: rgba(255, 255, 255, 0.6); } #mate-menu entry { margin: 0 0 4px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 4px; padding: 4px; } .brisk-menu { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } .brisk-menu entry { margin-bottom: -2px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-image: none; box-shadow: none; background-color: transparent; } .brisk-menu entry + box > box:dir(ltr) { margin-right: -2px; border-right: 1px solid rgba(255, 255, 255, 0.12); } .brisk-menu entry + box > box:dir(rtl) { margin-left: -2px; border-left: 1px solid rgba(255, 255, 255, 0.12); } .brisk-menu .categories-list { padding-top: 4px; } .brisk-menu .categories-list button { margin: 0 4px; } .brisk-menu .categories-list button:checked { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .brisk-menu .categories-list button:checked:drop(active), .brisk-menu .categories-list button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .brisk-menu .categories-list button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .brisk-menu .categories-list button:checked:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .brisk-menu .session-button { padding: 8px; } .brisk-menu .frame { border-style: none; } .brisk-menu .apps-list { padding: 4px 0; background-color: transparent; } .brisk-menu .apps-list row { padding: 0; } .brisk-menu .apps-list row:hover { box-shadow: none; } .brisk-menu .apps-list button { border-radius: 0; color: rgba(255, 255, 255, 0.87); font-weight: normal; } /********************* * CAJA File manager * *********************/ .caja-navigation-window box.horizontal > button.toggle.image-button { border-radius: 4px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button.slider-button { min-width: 24px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #242424; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(255, 255, 255, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-canvas-item { border-radius: 4px; } .caja-desktop.view .entry, .caja-navigation-window .view .entry { border: none; border-radius: 4px; background-color: rgba(255, 255, 255, 0.04); background-image: none; color: rgba(255, 255, 255, 0.87); } .caja-desktop.view .entry:selected, .caja-navigation-window .view .entry:selected { background-color: rgba(138, 180, 248, 0.24); } .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } .caja-desktop.view .entry:selected { background-color: rgba(138, 180, 248, 0.24); } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #242424; } #caja-extra-view-widget > box > box > label { font-weight: bold; } #caja-extra-view-widget button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } #caja-extra-view-widget button:not(:disabled):drop(active), #caja-extra-view-widget button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #caja-extra-view-widget button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #caja-extra-view-widget button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(255, 255, 255, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 5px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } .lock-dialog frame > border { border-style: none; } .lock-dialog button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .lock-dialog button:not(:disabled):drop(active), .lock-dialog button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .lock-dialog button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .lock-dialog button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } MsdOsdWindow.background.osd .trough { border-radius: 0; background-color: rgba(255, 255, 255, 0.12); } MsdOsdWindow.background.osd .progressbar { border-radius: 0; background-color: white; } /****************** * Budgie Desktop * ******************/ .budgie-container { background-color: transparent; } .budgie-settings-window buttonbox.inline-toolbar { border-style: none none solid; } .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; } .budgie-popover { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #343434; } .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 button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(255, 255, 255, 0.87); font-weight: normal; } .budgie-popover button.flat:not(.image-button):disabled { color: rgba(255, 255, 255, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.budgie-menu .sidebar, .budgie-popover.budgie-menu scrollbar, .budgie-popover.budgie-menu entry.search { background-color: transparent; } .budgie-popover.budgie-menu entry.search { border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-image: none; border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-popover.budgie-menu button.flat:not(.image-button) { min-height: 32px; padding: 0 8px; border-radius: 0; } .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active), .budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } .budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled { background-color: transparent; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .name-button image:dir(ltr) { margin-right: 3px; } .budgie-popover.places-menu .name-button image:dir(rtl) { margin-left: 3px; } .budgie-popover.places-menu .unmount-button { margin: 2px; padding: 0; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { box-shadow: none; } .workspace-switcher .workspace-add-button:active { background-image: none; } .workspace-switcher .workspace-add-button:active image { margin: 1px 0 -1px; } .budgie-panel .workspace-switcher .workspace-icon-button { min-height: 24px; min-width: 24px; padding: 0; border-radius: 4px; } .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #1F1F1F; 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; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .budgie-panel button:drop(active), .budgie-panel button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-panel button:disabled { color: rgba(255, 255, 255, 0.3); } .budgie-panel button:checked { color: white; } .budgie-panel button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(255, 255, 255, 0.3); } .budgie-panel .alert { color: #8AB4F8; } .budgie-panel .titlebar:not(headerbar) { min-height: 0; padding: 0; box-shadow: none; background-color: transparent; color: white; } .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } .top frame.raven-frame > border { margin-bottom: 32px; } .bottom frame.raven-frame > border { margin-top: 32px; } .left frame.raven-frame > border { margin-right: 32px; } .right frame.raven-frame > border { margin-left: 32px; } .raven { background-color: #343434; } .raven list { background-color: transparent; } .raven > box:not(:only-child) { margin-bottom: -10px; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .raven .raven-header.top stackswitcher.linked > button { margin: -4px 0 -5px; padding: 0 16px; min-height: 40px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven .raven-header.top stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header.bottom { border-top: 1px solid rgba(255, 255, 255, 0.12); } .raven stack .raven-header { margin-top: -6px; } .raven stack scrolledwindow .raven-header { margin-top: -8px; } .raven .expander-button { border-radius: 9999px; } .raven .raven-background stackswitcher.linked > button { margin: -2px 8px 9px; padding: 0 12px; min-height: 32px; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.08); font-weight: normal; } .raven .raven-background stackswitcher.linked > button:checked { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .raven .raven-background stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .raven .raven-background stackswitcher.linked > button:not(:first-child) { margin-left: 0; } .raven .raven-background > overlay > widget > image { color: rgba(255, 255, 255, 0.08); } .raven revealer > .raven-background { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .raven .raven-header + .raven-background { border-top: 1px solid rgba(255, 255, 255, 0.12); } .raven viewport.frame > list > row { padding: 0; box-shadow: none; background: none; } .raven viewport.frame > list > row:not(:first-child) { border-top: 1px solid rgba(255, 255, 255, 0.12); } .raven viewport.frame > list > row > box { margin-top: -5px; margin-left: -5px; margin-bottom: -5px; } .raven viewport.frame > list > row > box > box { padding: 6px; margin-bottom: -10px; } .raven viewport.frame > list > row > box > list > row { padding: 8px; } .raven viewport.frame > list > row > box > list > row > box { margin-bottom: -5px; } .raven viewport.frame > list > row > box > list > row > box > box > label { font-weight: bold; } .raven viewport.frame > list > row > box > list > row > box > box > button.image-button { padding: 0; } .raven viewport.frame > list > row > box > list > row > box > label { margin-top: -6px; font-size: smaller; } .raven .powerstrip button { margin: 2px 0 1px; padding: 8px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 4px; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: white; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 8px; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .raven-mpris button.image-button:drop(active), .raven-mpris button.image-button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-notification .notification-body, .budgie-switcher .notification-body { color: rgba(255, 255, 255, 0.6); } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } .drop-shadow button.text-button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .drop-shadow button.text-button:not(:disabled):drop(active), .drop-shadow button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .drop-shadow button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .drop-shadow button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .drop-shadow .linked > button { margin-right: 4px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 4px; } .budgie-session-dialog > box { padding: 8px; } .budgie-session-dialog image { margin: -8px; -gtk-icon-transform: scale(0); } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { margin-bottom: 8px; font-size: 20px; font-weight: 500; } .budgie-session-dialog .dialog-title + label { color: rgba(255, 255, 255, 0.6); } .budgie-session-dialog .linked.horizontal > button:not(:last-child) { margin-right: 8px; } .budgie-session-dialog .linked.horizontal > button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .budgie-session-dialog .linked.horizontal > button:not(:disabled):drop(active), .budgie-session-dialog .linked.horizontal > button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .budgie-polkit-dialog .message { color: rgba(255, 255, 255, 0.6); } .budgie-polkit-dialog .failure { color: #F28B82; } .budgie-run-dialog entry.search { font-size: 120%; padding: 4px 12px; border-image: none; box-shadow: none; background-color: transparent; } .budgie-run-dialog list { padding: 4px 0; background-color: transparent; } .budgie-run-dialog list .dim-label { color: inherit; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(255, 255, 255, 0.12); } .budgie-run-dialog scrollbar.right, .budgie-run-dialog scrollbar.bottom { border-bottom-right-radius: 4px; } .budgie-run-dialog scrollbar.left, .budgie-run-dialog scrollbar.bottom { border-bottom-left-radius: 4px; } /************** * Xfce4 Apps * **************/ .XfceHeading { background-color: #242424; } /*************** * xfce4-panel * ***************/ .xfce4-panel.background { border: none; background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .xfce4-panel.background button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .xfce4-panel.background button:drop(active), .xfce4-panel.background button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } .xfce4-panel.background button:checked { color: white; } .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button:checked { border-image: image(currentColor) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button image { padding: 4px; } .xfce4-panel.background frame > border { border-style: none; } .xfce4-panel.background progressbar progress { background-color: #8AB4F8; } .xfce4-panel.background progressbar trough { background-color: rgba(255, 255, 255, 0.12); } wnck-pager:hover { background-color: alpha(currentColor, 0.08); } wnck-pager:active { background-color: alpha(currentColor, 0.12); } wnck-pager:selected { background-color: #8AB4F8; } XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { box-shadow: none; } XfdesktopIconView.view .rubberband { border-radius: 0; } #XfceNotifyWindow { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } #XfceNotifyWindow buttonbox button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } #XfceNotifyWindow buttonbox button:not(:disabled):drop(active), #XfceNotifyWindow buttonbox button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } #XfceNotifyWindow label#summary { font-weight: bold; } #XfceNotifyWindow label#summary + label { color: rgba(255, 255, 255, 0.6); } #xfwm-tabwin { padding: 12px; border-radius: 4px; -XfwmTabwinWidget-icon-size: 64px; -XfwmTabwinWidget-preview-size: 64px; } /********** * Thunar * **********/ .thunar #location-toolbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .thunar #location-toolbar > toolitem > button { min-width: 24px; padding: 4px; border-radius: 9999px; } .thunar .shortcuts-pane.frame, .thunar .standard-view.frame { border-style: none; } .thunar .sidebar .view:not(:selected) { background-color: transparent; } .thunar statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: white; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: white; } #panel_window menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 4px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } #content_frame { padding-bottom: 16px; } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame > box, #buttonbox_frame > buttonbox { margin: -16px; } #buttonbox_frame button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } #buttonbox_frame button:not(:disabled):drop(active), #buttonbox_frame button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #buttonbox_frame button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #buttonbox_frame button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } /******** * Nemo * ********/ .nemo-window .primary-toolbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar stack > box { margin: -2px; } .nemo-window .primary-toolbar button.text-button { padding-left: 8px; padding-right: 8px; } .nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { padding-left: 4px; padding-right: 4px; } .nemo-window scrolledwindow.frame { border-style: none; } .nemo-window scrolledwindow.frame .view:not(:selected) { background-color: transparent; } .nemo-window infobar { margin-top: -6px; } .nemo-window .nemo-inactive-pane .view:not(:selected) { background-color: #242424; } .nemo-window .nemo-window-pane widget.entry { border-radius: 4px; background-color: rgba(255, 255, 255, 0.04); } .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: #3e3e3e; -NemoPlacesTreeView-disk-full-fg-color: #8AB4F8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; -NemoPlacesTreeView-disk-full-max-length: 80px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(255, 255, 255, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(255, 255, 255, 0.87); /* widget base background color */ @define-color theme_bg_color #181818; /* text widgets and the like base background color */ @define-color theme_base_color #242424; /* base background color of selections */ @define-color theme_selected_bg_color #8AB4F8; /* text/foreground color of selections */ @define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); /* base background color of insensitive widgets */ @define-color insensitive_bg_color #181818; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(255, 255, 255, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #242424; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(255, 255, 255, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(255, 255, 255, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #181818; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #242424; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #8AB4F8; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.38); /* widgets main borders color */ @define-color borders rgba(255, 255, 255, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(255, 255, 255, 0.12); /* these are pretty self explicative */ @define-color warning_color #FDD633; @define-color error_color #F28B82; @define-color success_color #81C995; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title rgba(255, 255, 255, 0.87); @define-color wm_unfocused_title rgba(255, 255, 255, 0.6); @define-color wm_highlight rgba(255, 255, 255, 0.1); @define-color wm_bg #2d2d2d; @define-color wm_unfocused_bg #242424; /* FIXME this is really an API */ @define-color content_view_bg #242424; @define-color placeholder_text_color #a7a7a7; materia-theme-20200320/src/gtk/3.0/gtk-dark-compact.scss000066400000000000000000000004221363503524500223730ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'true'; @import '../../_sass/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-20200320/src/gtk/3.0/gtk-dark.css000066400000000000000000006036611363503524500206020ustar00rootroot00000000000000@keyframes ripple { to { background-size: 1000% 1000%; } } @keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } @keyframes ripple-on-headerbar { from { background-image: radial-gradient(circle, #8AB4F8 0%, transparent 0%); } to { background-image: radial-gradient(circle, #8AB4F8 100%, transparent 0%); } } button, modelbutton.flat, .menuitem.button.flat, notebook > header > tabs > arrow, check, radio, row.activatable { transition-property: all, border-image, background-size, background-image; transition-duration: 75ms, 225ms, 300ms, 1200ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); outline: none; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } button:active, modelbutton.flat:active, .menuitem.button.flat:active, notebook > header > tabs > arrow:active, check:active, radio:active, row.activatable:active { transition-duration: 75ms, 225ms, 0ms, 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-size: 0% 0%; } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #F28B82; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 6; -GtkDialog-action-area-border: 6; -gtk-secondary-caret-color: #8AB4F8; outline: 2px solid transparent; outline-offset: -4px; -gtk-outline-radius: 4px; } *:focus { outline-color: alpha(currentColor, 0.12); } /*************** * Base States * ***************/ .background { background-color: #181818; color: rgba(255, 255, 255, 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: #181818; color: rgba(255, 255, 255, 0.87); } .gtkstyle-fallback:hover { background-color: #0b0b0b; } .gtkstyle-fallback:active { background-color: black; } .gtkstyle-fallback:disabled { color: rgba(255, 255, 255, 0.38); } .gtkstyle-fallback:selected { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .view { background-color: #242424; color: rgba(255, 255, 255, 0.87); } .view:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } .view:selected:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.08); } .view:disabled { color: rgba(255, 255, 255, 0.38); } .view:hover, .view:selected { border-radius: 4px; } textview text { background-color: #242424; caret-color: #8AB4F8; } textview border { background-color: #242424; color: rgba(255, 255, 255, 0.6); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 4px; } .content-view .tile:selected { background-color: transparent; } label { caret-color: #8AB4F8; } label.separator { color: rgba(255, 255, 255, 0.6); } label:disabled { color: rgba(255, 255, 255, 0.38); } headerbar label:disabled, menuitem label:disabled, tab label:disabled, button label:disabled { color: inherit; } label.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } .dim-label { color: rgba(255, 255, 255, 0.6); } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 36px; padding: 0 12px; color: rgba(255, 255, 255, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(255, 255, 255, 0.87); } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; color: #8AB4F8; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:disabled { color: rgba(255, 255, 255, 0.26); } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 36px; padding: 0 8px; border-radius: 4px 4px 0 0; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.26); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); caret-color: #8AB4F8; } spinbutton:focus:not(.vertical), entry:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 2/0 0 2px; } spinbutton:drop(active):not(.vertical), entry:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.26); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; border-radius: 0; background-color: transparent; } spinbutton:not(.vertical) image, entry image { color: rgba(255, 255, 255, 0.6); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: rgba(255, 255, 255, 0.87); } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(255, 255, 255, 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, transparent 50%, rgba(255, 255, 255, 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, transparent 50%, rgba(255, 255, 255, 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 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F28B82 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F28B82; background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); caret-color: #F28B82; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F28B82 100%, transparent 0%) 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FDD633 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FDD633; background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); caret-color: #FDD633; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FDD633 100%, transparent 0%) 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; border-bottom: 2px solid #8AB4F8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #343434; color: rgba(255, 255, 255, 0.87); caret-color: #8AB4F8; } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #242424; color: rgba(255, 255, 255, 0.38); } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #F28B82; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #242424; color: rgba(255, 255, 255, 0.38); } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FDD633; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #242424; color: rgba(255, 255, 255, 0.38); } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { color: rgba(0, 0, 0, 0.38); } treeview entry, treeview entry.flat { background-color: #242424; } treeview entry, treeview entry:focus, treeview entry.flat, treeview entry.flat:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 2px; border-radius: 9999px; box-shadow: none; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.87); } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 4px; margin-right: 0; padding-left: 12px; padding-right: 8px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: 0; margin-right: 4px; padding-left: 8px; padding-right: 12px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.6); } /*********** * Buttons * ***********/ @keyframes needs-attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8AB4F8), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8AB4F8), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 6px 10px; border-radius: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.87); font-weight: 500; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:drop(active), button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:active { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } button:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } button:checked { background-color: #424853; color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:checked:drop(active), button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:active { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } button:checked:disabled { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } button.text-button { min-width: 32px; padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 6px; border-radius: 9999px; } button.text-button.image-button { min-width: 24px; padding: 6px; border-radius: 4px; } button.text-button.image-button label:first-child { margin-left: 10px; } button.text-button.image-button label:last-child { margin-right: 10px; } button.text-button.image-button image:not(:only-child) { margin: 0 4px; } toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, #caja-extra-view-widget button, .lock-dialog button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, #buttonbox_frame button, button.flat, combobox > .linked:not(.vertical) > button:not(:only-child), layouttabbar button, .message-input-area button, .caja-navigation-window box.horizontal > button.toggle.image-button, .raven .raven-header.top stackswitcher.linked > button, .raven .raven-background stackswitcher.linked > button, .nemo-window .toolbar button, spinbutton:not(.vertical) button, spinbutton.vertical button, .caja-pathbar button, .path-bar.linked:not(.vertical) > button, scrollbar button, button.sidebar-button, .gedit-search-slider .linked:not(.vertical) > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button { background-color: transparent; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:drop(active), popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:drop(active), infobar.question button:drop(active), #caja-extra-view-widget button:drop(active), .lock-dialog button:drop(active), .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:drop(active), #buttonbox_frame button:drop(active), button.flat:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), layouttabbar button:drop(active), .message-input-area button:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:drop(active), .raven .raven-header.top stackswitcher.linked > button:drop(active), .raven .raven-background stackswitcher.linked > button:drop(active), .nemo-window .toolbar button:drop(active), spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:drop(active), .caja-pathbar button:drop(active), .path-bar.linked:not(.vertical) > button:drop(active), scrollbar button:drop(active), button.sidebar-button:drop(active), .gedit-search-slider .linked:not(.vertical) > button:drop(active), popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:drop(active), #mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:drop(active), toolbar button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, popover.background button.model:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), .app-notification button:hover, .dialog-action-box button:hover, filechooser #pathbarbox > stack > box > button:hover, infobar.info button:hover, infobar.question button:hover, #caja-extra-view-widget button:hover, .lock-dialog button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, #buttonbox_frame button:hover, button.flat:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), layouttabbar button:hover, .message-input-area button:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:hover, .raven .raven-header.top stackswitcher.linked > button:hover, .raven .raven-background stackswitcher.linked > button:hover, .nemo-window .toolbar button:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, .caja-pathbar button:hover, .path-bar.linked:not(.vertical) > button:hover, scrollbar button:hover, button.sidebar-button:hover, .gedit-search-slider .linked:not(.vertical) > button:hover, popover.messagepopover .popover-action-area button:hover, #MatePanelPopupWindow button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, #caja-extra-view-widget button:focus, .lock-dialog button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, #buttonbox_frame button:focus, button.flat:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), layouttabbar button:focus, .message-input-area button:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:focus, .raven .raven-header.top stackswitcher.linked > button:focus, .raven .raven-background stackswitcher.linked > button:focus, .nemo-window .toolbar button:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, .caja-pathbar button:focus, .path-bar.linked:not(.vertical) > button:focus, scrollbar button:focus, button.sidebar-button:focus, .gedit-search-slider .linked:not(.vertical) > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, #caja-extra-view-widget button:active, .lock-dialog button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, #buttonbox_frame button:active, button.flat:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), layouttabbar button:active, .message-input-area button:active, .caja-navigation-window box.horizontal > button.toggle.image-button:active, .raven .raven-header.top stackswitcher.linked > button:active, .raven .raven-background stackswitcher.linked > button:active, .nemo-window .toolbar button:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, .caja-pathbar button:active, .path-bar.linked:not(.vertical) > button:active, scrollbar button:active, button.sidebar-button:active, .gedit-search-slider .linked:not(.vertical) > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, #caja-extra-view-widget button:disabled, .lock-dialog button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, #buttonbox_frame button:disabled, button.flat:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), layouttabbar button:disabled, .message-input-area button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, .raven .raven-header.top stackswitcher.linked > button:disabled, .raven .raven-background stackswitcher.linked > button:disabled, .nemo-window .toolbar button:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, .caja-pathbar button:disabled, .path-bar.linked:not(.vertical) > button:disabled, scrollbar button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked:not(.vertical) > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.26); } toolbar button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, #caja-extra-view-widget button:checked, .lock-dialog button:checked, .drop-shadow button:checked, .budgie-session-dialog .linked.horizontal > button:checked, #buttonbox_frame button:checked, button.flat:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), layouttabbar button:checked, .message-input-area button:checked, .caja-navigation-window box.horizontal > button.toggle.image-button:checked, .raven .raven-header.top stackswitcher.linked > button:checked, .raven .raven-background stackswitcher.linked > button:checked, .nemo-window .toolbar button:checked { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:drop(active), popover.background button.model:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:checked:drop(active), .dialog-action-box button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), infobar.info button:checked:drop(active), infobar.question button:checked:drop(active), #caja-extra-view-widget button:checked:drop(active), .lock-dialog button:checked:drop(active), .drop-shadow button:checked:drop(active), .budgie-session-dialog .linked.horizontal > button:checked:drop(active), #buttonbox_frame button:checked:drop(active), button.flat:checked:drop(active), combobox > .linked:not(.vertical) > button:checked:drop(active):not(:only-child), layouttabbar button:checked:drop(active), .message-input-area button:checked:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:checked:drop(active), .raven .raven-header.top stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:drop(active), .nemo-window .toolbar button:checked:drop(active), toolbar button:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:hover, popover.background button.model:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), .app-notification button:checked:hover, .dialog-action-box button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, infobar.info button:checked:hover, infobar.question button:checked:hover, #caja-extra-view-widget button:checked:hover, .lock-dialog button:checked:hover, .drop-shadow button:checked:hover, .budgie-session-dialog .linked.horizontal > button:checked:hover, #buttonbox_frame button:checked:hover, button.flat:checked:hover, combobox > .linked:not(.vertical) > button:checked:hover:not(:only-child), layouttabbar button:checked:hover, .message-input-area button:checked:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover, .raven .raven-header.top stackswitcher.linked > button:checked:hover, .raven .raven-background stackswitcher.linked > button:checked:hover, .nemo-window .toolbar button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } toolbar button:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:focus, popover.background button.model:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), .app-notification button:checked:focus, .dialog-action-box button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, infobar.info button:checked:focus, infobar.question button:checked:focus, #caja-extra-view-widget button:checked:focus, .lock-dialog button:checked:focus, .drop-shadow button:checked:focus, .budgie-session-dialog .linked.horizontal > button:checked:focus, #buttonbox_frame button:checked:focus, button.flat:checked:focus, combobox > .linked:not(.vertical) > button:checked:focus:not(:only-child), layouttabbar button:checked:focus, .message-input-area button:checked:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:focus, .raven .raven-header.top stackswitcher.linked > button:checked:focus, .raven .raven-background stackswitcher.linked > button:checked:focus, .nemo-window .toolbar button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } toolbar button:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:active, popover.background button.model:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), .app-notification button:checked:active, .dialog-action-box button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, infobar.info button:checked:active, infobar.question button:checked:active, #caja-extra-view-widget button:checked:active, .lock-dialog button:checked:active, .drop-shadow button:checked:active, .budgie-session-dialog .linked.horizontal > button:checked:active, #buttonbox_frame button:checked:active, button.flat:checked:active, combobox > .linked:not(.vertical) > button:checked:active:not(:only-child), layouttabbar button:checked:active, .message-input-area button:checked:active, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:active, .raven .raven-header.top stackswitcher.linked > button:checked:active, .raven .raven-background stackswitcher.linked > button:checked:active, .nemo-window .toolbar button:checked:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } toolbar button:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, #caja-extra-view-widget button:checked:disabled, .lock-dialog button:checked:disabled, .drop-shadow button:checked:disabled, .budgie-session-dialog .linked.horizontal > button:checked:disabled, #buttonbox_frame button:checked:disabled, button.flat:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), layouttabbar button:checked:disabled, .message-input-area button:checked:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:disabled, .raven .raven-header.top stackswitcher.linked > button:checked:disabled, .raven .raven-background stackswitcher.linked > button:checked:disabled, .nemo-window .toolbar button:checked:disabled { color: rgba(255, 255, 255, 0.38); } toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, #caja-extra-view-widget button.text-button, .lock-dialog button.text-button, .drop-shadow button.text-button, .budgie-session-dialog .linked.horizontal > button.text-button, #buttonbox_frame button.text-button, button.flat.text-button { min-width: 48px; padding-left: 8px; padding-right: 8px; } toolbar button.text-button.image-button, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button.image-button, popover.background button.text-button.image-button.model, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button.image-button, .dialog-action-box button.text-button.image-button, filechooser #pathbarbox > stack > box > button.text-button.image-button, infobar.info button.text-button.image-button, infobar.question button.text-button.image-button, #caja-extra-view-widget button.text-button.image-button, .lock-dialog button.text-button.image-button, .drop-shadow button.text-button.image-button, .budgie-session-dialog .linked.horizontal > button.text-button.image-button, #buttonbox_frame button.text-button.image-button, button.flat.text-button.image-button { min-width: 24px; padding: 6px; } toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, #caja-extra-view-widget button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .drop-shadow button.text-button.image-button label:first-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:first-child, #buttonbox_frame button.text-button.image-button label:first-child, button.flat.text-button.image-button label:first-child { margin-left: 6px; } toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, #caja-extra-view-widget button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .drop-shadow button.text-button.image-button label:last-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:last-child, #buttonbox_frame button.text-button.image-button label:last-child, button.flat.text-button.image-button label:last-child { margin-right: 6px; } toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .drop-shadow .linked:not(.vertical) > button:not(:only-child), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child), popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), infobar.info .linked.vertical > button:not(:only-child), infobar.question .linked.vertical > button:not(:only-child), #caja-extra-view-widget .linked.vertical > button:not(:only-child), .lock-dialog .linked.vertical > button:not(:only-child), .drop-shadow .linked.vertical > button:not(:only-child), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child), #buttonbox_frame .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { border-radius: 4px; } toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked.vertical > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked.vertical > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } button.osd { padding: 12px 16px; } button.osd.image-button { padding: 12px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:drop(active), button.suggested-action:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:active { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } button.suggested-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } button.suggested-action:checked { background-color: rgba(125, 163, 224, 0.9844); } button.suggested-action.flat { background-color: transparent; color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } button.suggested-action.flat:drop(active), button.suggested-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.suggested-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.suggested-action.flat:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.26); } button.suggested-action.flat:checked { background-color: rgba(138, 180, 248, 0.12); } button.destructive-action { background-color: #F28B82; color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:drop(active), button.destructive-action:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:active { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } button.destructive-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } button.destructive-action:checked { background-color: rgba(219, 126, 118, 0.9844); } button.destructive-action.flat { background-color: transparent; color: #F28B82; box-shadow: inset 0 0 0 9999px transparent; } button.destructive-action.flat:drop(active), button.destructive-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(242, 139, 130, 0.12); } button.destructive-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(242, 139, 130, 0.12); } button.destructive-action.flat:active { background-image: radial-gradient(circle, rgba(242, 139, 130, 0.16) 10%, transparent 0%); } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.26); } button.destructive-action.flat:checked { background-color: rgba(242, 139, 130, 0.12); } .stack-switcher > button > label { margin: 0 -6px; padding: 0 6px; } .stack-switcher > button > image { margin: -3px -6px; padding: 3px 6px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .inline-toolbar button:not(.text-button) { border-radius: 9999px; } .primary-toolbar button { -gtk-icon-shadow: none; } button.close, button.circular { border-radius: 9999px; } 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 .linked:not(.vertical) > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { animation: needs-attention 225ms 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.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; } .linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; } .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } .linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } .linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 4px; box-shadow: inset 0 0 0 9999px transparent; } modelbutton.flat:drop(active), modelbutton.flat:hover, .menuitem.button.flat:drop(active), .menuitem.button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } modelbutton.flat:focus, .menuitem.button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } modelbutton.flat:active, .menuitem.button.flat:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 24px; min-width: 24px; padding: 6px; } /********* * Links * *********/ *:link { color: #8AB4F8; } *:visited { color: #CE93D8; } button.link:link { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } button.link:link:drop(active), button.link:link:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.link:link:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.link:link:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } button.link:visited { color: #CE93D8; box-shadow: inset 0 0 0 9999px transparent; } button.link:visited:drop(active), button.link:visited:hover { box-shadow: inset 0 0 0 9999px rgba(206, 147, 216, 0.08); } button.link:visited:focus { box-shadow: inset 0 0 0 9999px rgba(206, 147, 216, 0.08); } button.link:visited:active { background-image: radial-gradient(circle, rgba(206, 147, 216, 0.12) 10%, transparent 0%); } button.link > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } spinbutton:not(.vertical) entry { min-width: 32px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -3px; } spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { margin-right: -3px; } spinbutton.vertical { caret-color: #8AB4F8; } spinbutton.vertical:disabled { color: rgba(255, 255, 255, 0.38); } spinbutton.vertical entry { min-height: 36px; min-width: 48px; padding: 0; } spinbutton.vertical button { min-height: 36px; min-width: 48px; padding: 0; } spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 4px 4px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: -2px; } combobox button.combo cellview:dir(rtl) { margin-right: -2px; } combobox menu { padding: 2px 0; } combobox menu menuitem { min-height: 32px; padding: 0 8px; } combobox menu > arrow.top { margin-top: -2px; } combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } combobox > .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { margin-right: -36px; padding-right: 36px; } combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { margin-left: -36px; padding-left: 36px; } combobox > .linked:not(.vertical) > button:not(:only-child) { min-height: 16px; min-width: 16px; margin: 6px; padding: 4px; border-radius: 9999px; } button.combo:only-child { border-radius: 4px 4px 0 0; font-weight: normal; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.26); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); caret-color: #8AB4F8; } button.combo:only-child:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.26); } button.combo:only-child:drop(active), button.combo:only-child:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.26); } button.combo:only-child:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 2/0 0 2px; } button.combo:only-child:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #181818; } .osd toolbar { background-color: transparent; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.osd.bottom { box-shadow: none; background-color: transparent; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(255, 255, 255, 0.12); background-color: #242424; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(255, 255, 255, 0.12); background-color: #181818; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #2d2d2d; color: rgba(255, 255, 255, 0.87); } .titlebar:disabled { color: rgba(255, 255, 255, 0.38); } .titlebar:backdrop { background-color: #242424; color: rgba(255, 255, 255, 0.6); } .titlebar:backdrop:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar .subtitle { padding-left: 12px; padding-right: 12px; font-size: smaller; } .titlebar .subtitle, .titlebar .dim-label { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(255, 255, 255, 0.6); } .titlebar .subtitle:backdrop, .titlebar .dim-label:backdrop { color: rgba(255, 255, 255, 0.38); } .titlebar .titlebar { background-color: transparent; box-shadow: none; } .titlebar headerbar + separator { background-color: rgba(255, 255, 255, 0.12); } .titlebar entry { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .titlebar entry:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } .titlebar entry image { color: rgba(255, 255, 255, 0.6); } .titlebar entry image:hover, .titlebar entry image:active { color: rgba(255, 255, 255, 0.87); } .titlebar entry image:disabled { color: rgba(255, 255, 255, 0.38); } .titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } .titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } .titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.26); } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87); box-shadow: inset 0 0 0 9999px transparent; } .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.6); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } .titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { min-width: 104px; } .titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; padding-left: 6px; padding-right: 6px; } .titlebar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode:backdrop { color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode .subtitle:link { color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(0, 0, 0, 0.38); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(0, 0, 0, 0.38); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .titlebar .selection-mode { box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-color: #8AB4F8; } .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .titlebar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { box-shadow: none; } .titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } headerbar { min-height: 48px; padding: 0 6px; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar separator.titlebutton { margin-top: 12px; margin-bottom: 12px; background-color: rgba(255, 255, 255, 0.12); } headerbar switch { margin-top: 12px; margin-bottom: 12px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag { margin-top: 5px; margin-bottom: 5px; } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar.linked:not(.vertical) > button { padding-left: 6px; padding-right: 6px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 4px; } .caja-pathbar button:checked, .path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(255, 255, 255, 0.87); } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, .path-bar.linked:not(.vertical) > button:checked, .path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, .path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, .path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(255, 255, 255, 0.26); border-top-color: rgba(255, 255, 255, 0.12); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { background-color: #242424; background-image: image(rgba(138, 180, 248, 0.24)); } treeview.view:hover, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(255, 255, 255, 0.12); } treeview.view:drop(active) { border-style: solid none; border-width: 9999px; border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.6); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(255, 255, 255, 0.87); } treeview.view.expander:disabled { color: rgba(255, 255, 255, 0.26); } treeview.view.progressbar { border-bottom: 4px solid #8AB4F8; box-shadow: none; background-color: transparent; background-image: none; } treeview.view.progressbar:selected:hover { box-shadow: none; } treeview.view.trough { border-bottom: 4px solid rgba(255, 255, 255, 0.12); box-shadow: none; background-color: transparent; background-image: none; } treeview.view.trough:selected:hover { box-shadow: none; } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(255, 255, 255, 0.12); border-radius: 0; background-clip: border-box; color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } treeview.view header button:drop(active), treeview.view header button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } treeview.view header button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } treeview.view header button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } treeview.view header button:drop(active):not(:active), treeview.view header button:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } treeview.view header button:disabled { color: rgba(255, 255, 255, 0.26); } treeview.view header button, treeview.view header button:disabled { background-color: #242424; } 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(255, 255, 255, 0.12); border-radius: 0; box-shadow: none; background-color: #242424; background-clip: border-box; color: #8AB4F8; } treeview.view acceleditor > label { background-color: #8AB4F8; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #2d2d2d; color: rgba(255, 255, 255, 0.87); } menubar:backdrop, .menubar:backdrop { background-color: #242424; color: rgba(255, 255, 255, 0.6); } .csd menubar, .csd .menubar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } menubar > menuitem, .menubar > menuitem { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.26); } .background.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: #343434; background-clip: border-box; border: 1px solid rgba(255, 255, 255, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 4px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; color: rgba(255, 255, 255, 0.87); font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: alpha(currentColor, 0.08); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(255, 255, 255, 0.38); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; color: rgba(255, 255, 255, 0.6); } menu menuitem arrow:disabled, .menu menuitem arrow:disabled, .context-menu menuitem arrow:disabled { color: rgba(255, 255, 255, 0.26); } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #343434; color: rgba(255, 255, 255, 0.6); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px 4px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0 0 4px 4px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(alpha(currentColor, 0.08)); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(255, 255, 255, 0.6); } menuitem:disabled accelerator { color: rgba(255, 255, 255, 0.26); } /************ * Popovers * ************/ popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #343434; } popover.background:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } popover.background, .csd popover.background { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; } 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 list, popover.background .view:not(:selected), popover.background toolbar { background-color: #343434; } popover.background.menu button, popover.background button.model { min-height: 32px; padding: 0 8px; border-radius: 4px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ frame > paned > notebook > header, notebook.frame > header { background-color: #242424; } notebook:focus tab:checked { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } notebook > header { border-width: 1px; border-color: rgba(255, 255, 255, 0.12); background-color: #181818; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab { border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px; } notebook > header.top > tabs > tab:checked { border-image-source: linear-gradient(to top, #8AB4F8 2px, rgba(255, 255, 255, 0.12) 2px); } notebook > header.top > tabs > tab.reorderable-page { border-image-width: 0 1px 2px; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab { border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0; } notebook > header.bottom > tabs > tab:checked { border-image-source: linear-gradient(to bottom, #8AB4F8 2px, rgba(255, 255, 255, 0.12) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { border-image-width: 2px 1px 0; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab { border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0; } notebook > header.left > tabs > tab:checked { border-image-source: linear-gradient(to left, #8AB4F8 2px, rgba(255, 255, 255, 0.12) 2px); } notebook > header.left > tabs > tab.reorderable-page { border-image-width: 1px 2px 1px 0; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab { border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px; } notebook > header.right > tabs > tab:checked { border-image-source: linear-gradient(to right, #8AB4F8 2px, rgba(255, 255, 255, 0.12) 2px); } notebook > header.right > tabs > tab.reorderable-page { border-image-width: 1px 0 1px 2px; } 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; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } notebook > header > tabs > arrow:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } notebook > header > tabs > arrow:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } notebook > header > tabs > arrow:disabled { color: rgba(255, 255, 255, 0.26); } notebook > header tab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 6px 12px; border-width: 1px; border-color: transparent; outline: none; background-image: radial-gradient(circle, #8AB4F8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; background-clip: border-box; color: rgba(255, 255, 255, 0.6); font-weight: 500; } notebook > header tab:hover { background-color: alpha(currentColor, 0.08); } notebook > header tab:disabled { color: rgba(255, 255, 255, 0.26); } notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; color: rgba(255, 255, 255, 0.87); } notebook > header tab:checked:disabled { color: rgba(255, 255, 255, 0.38); } notebook > header tab:checked.reorderable-page { border-color: rgba(255, 255, 255, 0.12); background-color: #242424; } notebook > header tab > box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: -6px -12px; padding: 6px 12px; } notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); } 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 { 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 { border-style: solid none; } notebook > stack:not(:only-child) { background-color: #242424; } /************** * Scrollbars * **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #242424; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.left { border-right: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.right { border-left: 1px solid rgba(255, 255, 255, 0.12); } scrollbar slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.38); } scrollbar slider:hover { background-color: rgba(255, 255, 255, 0.6); } scrollbar slider:active { background-color: rgba(255, 255, 255, 0.87); } scrollbar slider:disabled { background-color: rgba(255, 255, 255, 0.26); } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { margin: 2px 0; } scrollbar.fine-tune.vertical slider { margin: 0 2px; } scrollbar.overlay-indicator:not(.fine-tune) slider { transition-property: background-color, min-height, min-width; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(36, 36, 36, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(36, 36, 36, 0.3); border-radius: 9999px; background-color: rgba(255, 255, 255, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 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(52, 52, 52, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.26); background-clip: padding-box; font-size: 0; } switch:checked { background-color: rgba(138, 180, 248, 0.5); } switch:disabled { opacity: 0.5; } switch image { margin: -8px; -gtk-icon-transform: scale(0); } switch slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline: none; box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #a3a3a3; } switch:hover slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:checked slider { background-color: #8AB4F8; color: #8AB4F8; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view:not(list) .tile check { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view:not(list) .tile check:hover, .content-view:not(list) .tile check:active { -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), .content-view:not(list) .tile check { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); } .view.content-view.check:not(list):checked, .content-view:not(list) .tile check:checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); } checkbutton, radiobutton { outline: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; border-radius: 9999px; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } check:drop(active), check:hover, radio:drop(active), radio:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } check:focus, radio:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } check:active, radio:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover, radio:checked:drop(active), radio:checked:hover, radio:indeterminate:drop(active), radio:indeterminate:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } check:checked:focus, check:indeterminate:focus, radio:checked:focus, radio:indeterminate:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } check:disabled, radio:disabled { color: rgba(255, 255, 255, 0.26); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { transition: none; box-shadow: none; background-image: none; } popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check, 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; border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8AB4F8), to(transparent)); } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#8AB4F8), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(255, 255, 255, 0.26)), to(transparent)); } #MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } treeview.view check, treeview.view radio { padding: 0; color: rgba(255, 255, 255, 0.6); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #8AB4F8; } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(255, 255, 255, 0.26); } treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover, treeview.view radio, treeview.view radio:hover, treeview.view radio:selected, treeview.view radio:selected:hover { box-shadow: none; background-color: transparent; } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 2px; min-width: 2px; } scale.horizontal { padding: 17px 12px; } scale.vertical { padding: 12px 17px; } scale slider { min-height: 32px; min-width: 32px; margin: -15px; } scale.fine-tune.horizontal { min-height: 4px; padding-top: 16px; padding-bottom: 16px; } scale.fine-tune.vertical { min-width: 4px; padding-left: 16px; padding-right: 16px; } scale.fine-tune slider { margin: -14px; } scale trough { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(255, 255, 255, 0.26); } scale trough:disabled { background-color: rgba(255, 255, 255, 0.12); } scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); background-image: image(#8AB4F8); } scale highlight:disabled { background-color: #181818; background-image: image(rgba(255, 255, 255, 0.26)); } scale fill { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; color: #8AB4F8; } scale slider { background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:hover { background-color: alpha(currentColor, 0.08); } scale slider:focus { background-color: alpha(currentColor, 0.08); } scale slider:active { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; } scale marks, scale value { color: rgba(255, 255, 255, 0.6); } scale indicator { background-color: rgba(255, 255, 255, 0.26); color: transparent; } scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } scale.horizontal marks.bottom { margin-top: 7px; margin-bottom: -15px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } scale.vertical marks.top { margin-right: 7px; margin-left: -15px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } scale.vertical marks.bottom { margin-left: 7px; margin-right: -15px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } scale.horizontal indicator { min-height: 8px; min-width: 1px; } scale.vertical indicator { min-height: 1px; min-width: 8px; } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.color { min-height: 0; min-width: 0; } scale.color.horizontal { padding: 0 0 12px 0; } scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { margin-bottom: -24px; margin-top: 8px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -24px; margin-right: 8px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -24px; margin-left: 8px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(255, 255, 255, 0.6); 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(255, 255, 255, 0.12); } progressbar progress { background-color: #8AB4F8; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 4px; } levelbar.horizontal.discrete block { min-width: 36px; } levelbar.horizontal.discrete block:not(:last-child) { margin-right: 2px; } levelbar.vertical block { min-width: 4px; } levelbar.vertical.discrete block { min-height: 36px; } levelbar.vertical.discrete block:not(:last-child) { margin-bottom: 2px; } levelbar block.low { background-color: #FDD633; } levelbar block.high, levelbar block:not(.empty) { background-color: #8AB4F8; } levelbar block.full { background-color: #81C995; } levelbar block.empty { background-color: rgba(255, 255, 255, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(255, 255, 255, 0.12); background-color: #242424; color: rgba(255, 255, 255, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat { border-style: none; } frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(255, 255, 255, 0.12); background-color: #242424; background-clip: border-box; } actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(138, 180, 248, 0.24)), 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, transparent 50%, rgba(255, 255, 255, 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, transparent 50%, rgba(255, 255, 255, 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, transparent 50%, rgba(255, 255, 255, 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, transparent 50%, rgba(255, 255, 255, 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(255, 255, 255, 0.12); background-color: #242424; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(255, 255, 255, 0.12); } button.font separator, button.file separator, stacksidebar.sidebar + separator.vertical, stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(255, 255, 255, 0.12); background-color: #242424; } list row { padding: 2px; } row.activatable { box-shadow: inset 0 0 0 9999px transparent; } row.activatable:drop(active), row.activatable:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } row.activatable:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } row.activatable:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } row.activatable.has-open-popup { background-color: alpha(currentColor, 0.12); } row:selected { box-shadow: inset 0 0 0 9999px transparent; } row:selected:drop(active), row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } row:selected:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification button.text-button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .app-notification button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .app-notification button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.6); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(255, 255, 255, 0.87); } expander title > arrow:disabled { color: rgba(255, 255, 255, 0.26); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } calendar:disabled { color: rgba(255, 255, 255, 0.38); } calendar:selected { border-radius: 5px; } calendar.header { border-style: none none solid; border-color: rgba(255, 255, 255, 0.12); border-radius: 0; } calendar.button { border-radius: 5px; color: rgba(255, 255, 255, 0.6); } calendar.button:hover { background-image: image(alpha(currentColor, 0.08)); } calendar.button:disabled { color: rgba(255, 255, 255, 0.26); } calendar.highlight { color: rgba(255, 255, 255, 0.6); font-weight: 500; } calendar:indeterminate { color: rgba(255, 255, 255, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #343434; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; color: rgba(255, 255, 255, 0.87); } messagedialog .titlebar:backdrop { background-color: #343434; color: rgba(255, 255, 255, 0.6); } messagedialog.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } messagedialog box.vertical > label + label { color: rgba(255, 255, 255, 0.6); } messagedialog .dialog-action-box { margin-top: -6px; } messagedialog .dialog-action-box button:not(:last-child) { margin-right: 6px; } .dialog-action-box button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button:not(:disabled):drop(active), .dialog-action-box button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .dialog-action-box button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .dialog-action-box button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .dialog-action-box button.suggested-action:not(:disabled) { background-color: transparent; } .dialog-action-box button.destructive-action:not(:disabled) { background-color: transparent; color: #F28B82; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button.destructive-action:not(:disabled):drop(active), .dialog-action-box button.destructive-action:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(242, 139, 130, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(242, 139, 130, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):active { background-image: radial-gradient(circle, rgba(242, 139, 130, 0.16) 10%, transparent 0%); } filechooser .dialog-action-box { border-top: 1px solid rgba(255, 255, 255, 0.12); } filechooser #pathbarbox { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #181818; } filechooser #pathbarbox > stack > box > button { border-radius: 9999px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #242424; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr) { border-style: none; } stacksidebar.sidebar list { padding: 4px; background-color: #242424; } stacksidebar.sidebar row { min-height: 32px; padding: 0 2px; border-radius: 4px; } stacksidebar.sidebar row:selected { font-weight: 500; color: #8AB4F8; background-color: rgba(138, 180, 248, 0.16); box-shadow: inset 0 0 0 9999px transparent; } stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } stacksidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } stacksidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } stacksidebar.sidebar row + row { margin-top: 4px; } stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; } separator.sidebar { background-color: rgba(255, 255, 255, 0.12); } /**************** * File chooser * ****************/ row image.sidebar-icon { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(255, 255, 255, 0.6); } row image.sidebar-icon:disabled { color: rgba(255, 255, 255, 0.26); } placessidebar.sidebar > viewport.frame { border-style: none; } placessidebar.sidebar list { padding: 1px 0 4px; } placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } placessidebar.sidebar row > revealer { padding: 0 8px; } placessidebar.sidebar row:selected { font-weight: 500; color: #8AB4F8; background-color: rgba(138, 180, 248, 0.16); box-shadow: inset 0 0 0 9999px transparent; } placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } placessidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } placessidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } placessidebar.sidebar row:selected image.sidebar-icon { color: #8AB4F8; } placessidebar.sidebar row:disabled { color: rgba(255, 255, 255, 0.38); } placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } placessidebar.sidebar row.sidebar-new-bookmark-row { color: #8AB4F8; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { color: #8AB4F8; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #181818; background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.info, infobar.question { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #242424; } infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } infobar.info button.text-button:not(:disabled):drop(active), infobar.info button.text-button:not(:disabled):hover, infobar.question button.text-button:not(:disabled):drop(active), infobar.question button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } infobar.info button.text-button:not(:disabled):focus, infobar.question button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } infobar.info button.text-button:not(:disabled):active, infobar.question button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } infobar.warning { background-color: #FDD633; color: rgba(0, 0, 0, 0.87); } infobar.warning button.flat { color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } infobar.warning button.flat:drop(active), infobar.warning button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } infobar.warning *:link { color: rgba(0, 0, 0, 0.87); } infobar.error { background-color: #F28B82; color: rgba(0, 0, 0, 0.87); } infobar.error button.flat { color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } infobar.error button.flat:drop(active), infobar.error button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.error button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.error button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } infobar.error *:link { color: rgba(0, 0, 0, 0.87); } infobar button label { margin: 0 -4px; } /************ * Tooltips * ************/ tooltip { border-radius: 4px; box-shadow: none; } tooltip.background { background-color: rgba(97, 97, 97, 0.9); color: white; } tooltip decoration { background-color: transparent; } tooltip > box { margin: -6px; min-height: 24px; padding: 4px 8px; } tooltip .dim-label { color: rgba(255, 255, 255, 0.7); } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 4.5px; border-top-right-radius: 4.5px; } colorswatch.top overlay { border-top-left-radius: 4px; border-top-right-radius: 4px; } colorswatch.bottom { border-bottom-left-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 4.5px; border-bottom-left-radius: 4.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.dark { color: white; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } colorswatch overlay:drop(active), colorswatch overlay:hover { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { border-radius: 4px 4px 0 0; color: rgba(255, 255, 255, 0.87); } colorswatch#add-color-button:only-child { border-radius: 4px; } colorswatch#add-color-button overlay { background-color: #343434; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 4.5px; } colorswatch#editor-color-sample overlay { border-radius: 4px; } colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } colorchooser .popover.osd:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } /******** * Misc * ********/ .content-view { background-color: #181818; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; } .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } .csd.popup decoration { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } tooltip.csd decoration { border-radius: 4px; box-shadow: none; } messagedialog.csd decoration { border-radius: 4px; } .solid-csd decoration { margin: 0; padding: 2px; border-radius: 0; box-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #2d2d2d; } .solid-csd decoration:backdrop { background-color: #242424; } button.titlebutton { border-radius: 9999px; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { background-color: rgba(138, 180, 248, 0.24); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { color: #8AB4F8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-transform: rotate(90deg); } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-transform: unset; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { padding-top: 6px; -gtk-icon-transform: rotate(45deg); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(255, 255, 255, 0.12); border-radius: 5px; box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); background-color: #343434; color: rgba(255, 255, 255, 0.87); font-size: smaller; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 36px; min-height: 36px; padding: 0; } /************* * App Icons * *************/ /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } button.emoji-section { margin: 4px; } button.emoji-section:checked { color: #8AB4F8; background-color: rgba(138, 180, 248, 0.16); box-shadow: inset 0 0 0 9999px transparent; } button.emoji-section:checked:drop(active), button.emoji-section:checked:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.emoji-section:checked:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } button.emoji-section:checked:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } button.emoji-section:not(:last-child) { margin-right: 0; } popover.emoji-picker .emoji { min-width: 3em; min-height: 3em; padding: 0 8px; } popover.emoji-picker .emoji widget { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } popover.emoji-picker .emoji widget:hover { background-color: alpha(currentColor, 0.08); } popover.emoji-completion { padding: 8px 0; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion .emoji-completion-row { min-height: 28px; padding: 0 12px; } popover.emoji-completion .emoji:hover { background-color: alpha(currentColor, 0.08); } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #242424; } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(255, 255, 255, 0.6); } @keyframes nautilus-operations-button-needs-attention { to { background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button { border-radius: 9999px; } .path-bar-box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 4px; } .path-bar-box button { margin: 0; } .path-bar-box.width-maximized { background-color: rgba(255, 255, 255, 0.04); } .path-bar-box.background.frame { border-style: none; background-color: rgba(255, 255, 255, 0.04); } .path-bar-box .path-bar button label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .path-bar button label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 6px; padding-right: 6px; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(255, 255, 255, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(52, 52, 52, 0.9); } .nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-left-style: none; border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-right-style: none; border-top-right-radius: 0; } .nautilus-window .floating-bar button { margin: 4px; } .disk-space-display.unknown { background-color: rgba(255, 255, 255, 0.26); color: rgba(255, 255, 255, 0.26); } .disk-space-display.used { background-color: #8AB4F8; color: #8AB4F8; } .disk-space-display.free { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.08); } .search-information { padding: 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #242424; color: rgba(255, 255, 255, 0.87); } .conflict-row:not(:selected) { background-color: #655929; } .nautilus-window flowboxchild .icon-item-background { padding: 4px; border-radius: 4px; } .nautilus-window flowboxchild:selected { background-color: transparent; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(255, 255, 255, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(255, 255, 255, 0.6); } .nautilus-window headerbar revealer > button { border-radius: 9999px; } .nautilus-window paned > separator { background-color: #242424; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(255, 255, 255, 0.6); font-size: smaller; } .open-document-selector-match { background-color: #FDD633; color: rgba(0, 0, 0, 0.87); } .gedit-document-panel { background-color: #242424; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(255, 255, 255, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(255, 255, 255, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; } .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; color: rgba(255, 255, 255, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { margin-right: -66px; padding-right: 66px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) { margin-left: -66px; padding-left: 66px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { background-color: #343434; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { color: rgba(0, 0, 0, 0.26); } .gedit-search-slider .linked:not(.vertical) > button { border: solid 6px transparent; border-radius: 9999px; } .gedit-search-slider .linked:not(.vertical) > button:last-child:dir(ltr), .gedit-search-slider .linked:not(.vertical) > button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider .linked:not(.vertical) > button:first-child:dir(rtl), .gedit-search-slider .linked:not(.vertical) > button:not(:last-child):dir(ltr) { margin-right: -3px; } frame.gedit-map-frame > border:dir(ltr) { border-style: none none none solid; } frame.gedit-map-frame > border:dir(rtl) { border-style: none solid none none; } /********** * Tweaks * **********/ .tweak-categories { background-image: image(#242424); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#242424); } .tweak-startup, .tweak-startup:hover { background-image: image(#242424); } .tweak-group-startup { background-image: image(#242424); border: 1px solid rgba(255, 255, 255, 0.12); } row#Focus, row#ClickMethod, row#StaticWorkspaceTweak, row#dynamic-workspaces, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { padding: 0; border: 1px solid rgba(255, 255, 255, 0.12); } row#Focus row:not(:last-child), row#ClickMethod row:not(:last-child), row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } row#Focus.tweak > list, row#ClickMethod.tweak > list, row#StaticWorkspaceTweak.tweak > list, row#dynamic-workspaces.tweak > list, row#PrimaryWorkspaceTweak.tweak > list, row#workspaces-only-on-primary.tweak > list { margin-top: -3px; } row#Focus, row#ClickMethod, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { background-color: inherit; box-shadow: inherit; transition: color 75ms cubic-bezier(0, 0, 0.2, 1); } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator { background-color: inherit; background-image: image(rgba(255, 255, 255, 0.12)); } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #181818; } layouttabbar > box > button { margin: 2px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(255, 255, 255, 0.12); box-shadow: inset 0 -2px #8AB4F8; background-color: #242424; } 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(255, 255, 255, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #F28B82; color: rgba(0, 0, 0, 0.87); } window.workbench treeview.image { color: rgba(255, 255, 255, 0.6); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 4px; } popover.popover-selector list row image:dir(ltr) { margin-right: 6px; } popover.popover-selector list row image:dir(rtl) { margin-left: 6px; } popover.popover-selector list row .accel:dir(ltr) { margin-left: 6px; } popover.popover-selector list row .accel:dir(rtl) { margin-right: 6px; } omnibar.linked:not(.vertical) entry { border-radius: 4px; } omnibar entry { color: rgba(255, 255, 255, 0.6); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } entry.preferences-search { border-bottom: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; background-color: #242424; } preferences stacksidebar.sidebar list { background-color: #242424; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(255, 255, 255, 0.12); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(255, 255, 255, 0.12); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 4px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 4px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(255, 255, 255, 0.12); } popover.transfers list row > box { padding: 10px; } dockbin { border: 1px solid rgba(255, 255, 255, 0.12); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(255, 255, 255, 0.12); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #181818; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #181818; } docktab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; background-image: radial-gradient(circle, #8AB4F8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(255, 255, 255, 0.6); font-weight: 500; } docktab:hover { background-color: alpha(currentColor, 0.08); } docktab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #8AB4F8; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.87); } dockoverlayedge { background-color: #181818; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #8AB4F8; } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #8AB4F8; } pillbox { background-color: #181818; border-radius: 4px; } layoutpane entry.search { border-bottom: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; background-color: #242424; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; background-color: transparent; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } window.workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } button.run-arrow-button { padding-left: 10px; padding-right: 10px; } button.dzlmenubutton image { min-width: 30px; } button.dzlmenubutton image.arrow { min-width: 27px; } button.dzlmenubuttonitem { color: rgba(255, 255, 255, 0.87); font-weight: normal; } button.dzlmenubuttonitem:disabled { color: rgba(255, 255, 255, 0.38); } idelayoutstackheader { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } idelayoutstackheader button:checked { color: rgba(255, 255, 255, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: #181818; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(255, 255, 255, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(255, 255, 255, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: rgba(255, 255, 255, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #8AB4F8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #8AB4F8; } ideeditorsidebar notebook header { background: transparent; } popover.messagepopover list { border: 1px solid rgba(255, 255, 255, 0.12); } popover.messagepopover list row:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } #titlebar_container .suggestionbutton button { padding: 0; border-radius: 0; box-shadow: inset 0 0 0 9999px #2d2d2d; } #titlebar_container .suggestionbutton button:backdrop { box-shadow: inset 0 0 0 9999px #242424; } #titlebar_container .suggestionbutton button image { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1); min-width: 36px; min-height: 36px; border-radius: 9999px; box-shadow: inset 0 0 0 9999px transparent; } #titlebar_container .suggestionbutton button:hover image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:focus image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:active image { background-color: alpha(currentColor, 0.12); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { color: rgba(255, 255, 255, 0.87); font-weight: normal; } button.photos-filter-preview:checked { background-color: rgba(138, 180, 248, 0.24); color: rgba(255, 255, 255, 0.87); } button.photos-filter-preview:checked image { color: white; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .side-panel .view { background-image: image(#242424); } .side-panel .view:hover { background-image: image(rgba(50, 50, 50, 0.9896)); } .side-panel .view:selected { background-image: image(#8AB4F8); } .side-panel .view:selected:hover { background-image: image(rgba(129, 169, 232, 0.9896)); } .songs-list:hover { background-image: image(alpha(currentColor, 0.08)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Terminal * ************/ terminal-window notebook > header > box { margin: -2px -2px -3px; } terminal-window notebook > header > box button { border-radius: 0; } /********* * To Do * *********/ task-list-view taskrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } task-list-view taskrow:hover { transition: none; } task-list-view taskrow label { margin: 0 8px; } task-list-view taskrow image.dim-label { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -6px; } task-list-view > box > revealer > box > button .dim-label { color: inherit; } tasklistview taskrow { outline: none; } tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { box-shadow: none; } tasklistview taskrow image.dim-label { min-width: 16px; } tasklistview > box > revealer > box > button { margin: -6px; } tasklistview > box > revealer > box > button .dim-label { color: inherit; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } /************* * Evolution * *************/ frame.taskbar > border { border-style: solid none none; } box.vertical > paned.horizontal notebook widget .frame { border-style: none; } /******** * gitg * ********/ frame.commit-frame > border { border-style: solid none none; } /************** * Characters * **************/ box.dialog-vbox scrolledwindow.related { border: 1px solid rgba(255, 255, 255, 0.12); } list.categories { background-image: image(#242424); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; } /********** * Evince * **********/ evview.content-view.view:selected { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } /********** * Polari * **********/ .polari-room-list row:selected { background-color: rgba(138, 180, 248, 0.5); } /*********** * Fractal * ***********/ button.osd.scroll_button { margin: 4px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } overlay > revealer.left > scrolledwindow.frame { margin-right: 32px; } overlay > revealer.right > scrolledwindow.frame { margin-left: 32px; } .terminix-session-sidebar, .tilix-session-sidebar { background-image: image(#343434); } .terminal-titlebar button { border-radius: 0; } button.image-button.session-new-button { min-width: 32px; } notebook.tilix-background tab > box > stack { margin: -6px; } button.flat.tilix-small-button { min-height: 20px; min-width: 16px; } /************** * Terminator * **************/ .terminator-terminal-window paned > separator { background-color: #181818; } .terminator-terminal-window notebook.frame { border-style: none; } /************* * Ubitquity * *************/ #live_installer .menubar progressbar trough { border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); } /*********** * Eclipse * ***********/ window.background > box.vertical > scrolledwindow > widget toolbar { padding: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar separator, window.background > box.vertical > scrolledwindow > widget toolbar button { margin: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar button { border-radius: 4px; } /************ * Chromium * ************/ window.background.chromium { background-color: #343434; } window.background.chromium entry, window.background.chromium > button { border: 1px solid rgba(255, 255, 255, 0.26); } window.background.chromium > button { color: #8AB4F8; } window.background.chromium > button:disabled { color: rgba(255, 255, 255, 0.26); } window.background.chromium menubar, window.background.chromium headerbar { color: rgba(255, 255, 255, 0.6); } window.background.chromium headerbar button:active { background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #8AB4F8; } window.background.chromium textview.view { background-color: transparent; } window.background.chromium treeview.view.cell:selected:focus { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } window.background.chromium treeview.view button { border: 1px solid rgba(255, 255, 255, 0.26); background-color: #242424; } tooltip.background.chromium { background-color: #616161; } /*********** * Firefox * ***********/ #MozillaGtkWidget > widget text { background-color: #343434; } #MozillaGtkWidget > widget text:selected { background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } #MozillaGtkWidget > widget > separator { color: rgba(255, 255, 255, 0.12); } #MozillaGtkWidget > widget > frame > border { border-color: #545454; } #MozillaGtkWidget > widget > entry, #MozillaGtkWidget > widget > button > button { border: 1px solid rgba(255, 255, 255, 0.26); border-radius: 4px; box-shadow: none; } #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { border-color: rgba(255, 255, 255, 0.12); } #MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #242424; } #MozillaGtkWidget > widget > entry:focus { border-color: #8AB4F8; box-shadow: inset 0 0 0 1px #8AB4F8; } #MozillaGtkWidget > widget > entry:disabled { background-color: #242424; } #MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } #MozillaGtkWidget > widget > button > button:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } #MozillaGtkWidget > widget > checkbutton > check, #MozillaGtkWidget > widget > radiobutton > radio { margin: 0; padding: 0; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } #MozillaGtkWidget menu { border: none; } #MozillaGtkWidget menuitem label:disabled { color: rgba(255, 255, 255, 0.38); } #MozillaGtkWidget > widget > menubar { color: rgba(255, 255, 255, 0.6); } #MozillaGtkWidget > widget > menubar:hover { color: rgba(255, 255, 255, 0.87); } #MozillaGtkWidget > widget > menubar:disabled { color: rgba(255, 255, 255, 0.26); } #MozillaGtkWidget > widget > frame { color: rgba(255, 255, 255, 0.26); } #MozillaGtkWidget menu > separator { color: rgba(255, 255, 255, 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: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { border-width: 4px; } #ToolboxCommon > toolbar.vertical { margin-top: -4px; } #ToolboxCommon > toolbar.vertical button { min-height: 24px; min-width: 24px; padding: 4px; border-radius: 4px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(255, 255, 255, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(255, 255, 255, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(255, 255, 255, 0.12); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ /********* * 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: #8AB4F8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #2d2d2d; color: rgba(255, 255, 255, 0.87); } UnityDecoration .top:backdrop { background-color: #242424; color: rgba(255, 255, 255, 0.6); } UnityDecoration .menuitem { border-radius: 4px 4px 0 0; box-shadow: none; color: rgba(255, 255, 255, 0.6); } UnityDecoration .menuitem:hover { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #1F1F1F; color: rgba(255, 255, 255, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(255, 255, 255, 0.6); } .unity-panel.menuitem, .unity-panel .menuitem { color: rgba(255, 255, 255, 0.6); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #8AB4F8; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .mate-panel-menu-bar button:drop(active), .mate-panel-menu-bar button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .mate-panel-menu-bar button:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar button:checked { color: white; } .mate-panel-menu-bar button:checked:disabled { color: rgba(255, 255, 255, 0.5); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px); background-repeat: no-repeat; background-size: 4px 10px; color: rgba(255, 255, 255, 0.3); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(ltr) { background-position: 3px; } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(rtl) { background-position: calc(100% - 3px); } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { color: white; } .mate-panel-menu-bar menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { padding: 0 8px; } .mate-panel-menu-bar.vertical menubar > menuitem { padding: 8px 0; } .mate-panel-menu-bar menubar menu > menuitem { min-height: 28px; padding: 0 6px; } .mate-panel-menu-bar #PanelApplet button { -GtkWidget-window-dragging: true; } .mate-panel-menu-bar #tasklist-button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #8AB4F8; } .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(255, 255, 255, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow calendar { border-style: none; } #MatePanelPopupWindow calendar:not(:selected) { background-color: transparent; } #MatePanelPopupWindow calendar + box { margin-top: -5px; padding-top: 5px; border-top: 1px solid rgba(255, 255, 255, 0.12); } #MatePanelPopupWindow expander > title { min-height: 32px; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow > frame > box > box > box > widget { color: rgba(255, 255, 255, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(255, 255, 255, 0.12); background-color: #343434; } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(255, 255, 255, 0.87); font-weight: normal; } #mate-menu button:not(.flat) { background-color: alpha(currentColor, 0.12); } #mate-menu button image, #mate-menu button label + label { color: rgba(255, 255, 255, 0.6); } #mate-menu entry { margin: 0 0 4px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 4px; padding: 6px; } .brisk-menu { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } .brisk-menu entry { margin-bottom: -2px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-image: none; box-shadow: none; background-color: transparent; } .brisk-menu entry + box > box:dir(ltr) { margin-right: -2px; border-right: 1px solid rgba(255, 255, 255, 0.12); } .brisk-menu entry + box > box:dir(rtl) { margin-left: -2px; border-left: 1px solid rgba(255, 255, 255, 0.12); } .brisk-menu .categories-list { padding-top: 4px; } .brisk-menu .categories-list button { margin: 0 4px; } .brisk-menu .categories-list button:checked { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .brisk-menu .categories-list button:checked:drop(active), .brisk-menu .categories-list button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .brisk-menu .categories-list button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .brisk-menu .categories-list button:checked:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .brisk-menu .session-button { padding: 12px; } .brisk-menu .frame { border-style: none; } .brisk-menu .apps-list { padding: 4px 0; background-color: transparent; } .brisk-menu .apps-list row { padding: 0; } .brisk-menu .apps-list row:hover { box-shadow: none; } .brisk-menu .apps-list button { border-radius: 0; color: rgba(255, 255, 255, 0.87); font-weight: normal; } /********************* * CAJA File manager * *********************/ .caja-navigation-window box.horizontal > button.toggle.image-button { border-radius: 4px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button.slider-button { min-width: 24px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #242424; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(255, 255, 255, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-canvas-item { border-radius: 4px; } .caja-desktop.view .entry, .caja-navigation-window .view .entry { border: none; border-radius: 4px; background-color: rgba(255, 255, 255, 0.04); background-image: none; color: rgba(255, 255, 255, 0.87); } .caja-desktop.view .entry:selected, .caja-navigation-window .view .entry:selected { background-color: rgba(138, 180, 248, 0.24); } .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } .caja-desktop.view .entry:selected { background-color: rgba(138, 180, 248, 0.24); } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #242424; } #caja-extra-view-widget > box > box > label { font-weight: bold; } #caja-extra-view-widget button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } #caja-extra-view-widget button:not(:disabled):drop(active), #caja-extra-view-widget button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #caja-extra-view-widget button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #caja-extra-view-widget button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(255, 255, 255, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 5px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } .lock-dialog frame > border { border-style: none; } .lock-dialog button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .lock-dialog button:not(:disabled):drop(active), .lock-dialog button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .lock-dialog button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .lock-dialog button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } MsdOsdWindow.background.osd .trough { border-radius: 0; background-color: rgba(255, 255, 255, 0.12); } MsdOsdWindow.background.osd .progressbar { border-radius: 0; background-color: white; } /****************** * Budgie Desktop * ******************/ .budgie-container { background-color: transparent; } .budgie-settings-window buttonbox.inline-toolbar { border-style: none none solid; } .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; } .budgie-popover { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #343434; } .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 button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(255, 255, 255, 0.87); font-weight: normal; } .budgie-popover button.flat:not(.image-button):disabled { color: rgba(255, 255, 255, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.budgie-menu .sidebar, .budgie-popover.budgie-menu scrollbar, .budgie-popover.budgie-menu entry.search { background-color: transparent; } .budgie-popover.budgie-menu entry.search { border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-image: none; border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-popover.budgie-menu button.flat:not(.image-button) { min-height: 32px; padding: 0 8px; border-radius: 0; } .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active), .budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } .budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled { background-color: transparent; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .name-button image:dir(ltr) { margin-right: 3px; } .budgie-popover.places-menu .name-button image:dir(rtl) { margin-left: 3px; } .budgie-popover.places-menu .unmount-button { margin: 2px; padding: 0; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { box-shadow: none; } .workspace-switcher .workspace-add-button:active { background-image: none; } .workspace-switcher .workspace-add-button:active image { margin: 1px 0 -1px; } .budgie-panel .workspace-switcher .workspace-icon-button { min-height: 24px; min-width: 24px; padding: 0; border-radius: 4px; } .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #1F1F1F; 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; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .budgie-panel button:drop(active), .budgie-panel button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-panel button:disabled { color: rgba(255, 255, 255, 0.3); } .budgie-panel button:checked { color: white; } .budgie-panel button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(255, 255, 255, 0.3); } .budgie-panel .alert { color: #8AB4F8; } .budgie-panel .titlebar:not(headerbar) { min-height: 0; padding: 0; box-shadow: none; background-color: transparent; color: white; } .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } .top frame.raven-frame > border { margin-bottom: 32px; } .bottom frame.raven-frame > border { margin-top: 32px; } .left frame.raven-frame > border { margin-right: 32px; } .right frame.raven-frame > border { margin-left: 32px; } .raven { background-color: #343434; } .raven list { background-color: transparent; } .raven > box:not(:only-child) { margin-bottom: -10px; } .raven .raven-header { min-height: 36px; padding: 3px; } .raven .raven-header.top { padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .raven .raven-header.top stackswitcher.linked > button { margin: -4px 0 -5px; padding: 0 16px; min-height: 48px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven .raven-header.top stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header.bottom { border-top: 1px solid rgba(255, 255, 255, 0.12); } .raven stack .raven-header { margin-top: -6px; } .raven stack scrolledwindow .raven-header { margin-top: -8px; } .raven .expander-button { border-radius: 9999px; } .raven .raven-background stackswitcher.linked > button { margin: -2px 8px 9px; padding: 0 12px; min-height: 32px; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.08); font-weight: normal; } .raven .raven-background stackswitcher.linked > button:checked { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .raven .raven-background stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .raven .raven-background stackswitcher.linked > button:not(:first-child) { margin-left: 0; } .raven .raven-background > overlay > widget > image { color: rgba(255, 255, 255, 0.08); } .raven revealer > .raven-background { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .raven .raven-header + .raven-background { border-top: 1px solid rgba(255, 255, 255, 0.12); } .raven viewport.frame > list > row { padding: 0; box-shadow: none; background: none; } .raven viewport.frame > list > row:not(:first-child) { border-top: 1px solid rgba(255, 255, 255, 0.12); } .raven viewport.frame > list > row > box { margin-top: -5px; margin-left: -5px; margin-bottom: -5px; } .raven viewport.frame > list > row > box > box { padding: 6px; margin-bottom: -10px; } .raven viewport.frame > list > row > box > list > row { padding: 8px; } .raven viewport.frame > list > row > box > list > row > box { margin-bottom: -5px; } .raven viewport.frame > list > row > box > list > row > box > box > label { font-weight: bold; } .raven viewport.frame > list > row > box > list > row > box > box > button.image-button { padding: 0; } .raven viewport.frame > list > row > box > list > row > box > label { margin-top: -6px; font-size: smaller; } .raven .powerstrip button { margin: 2px 0 1px; padding: 12px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 4px; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: white; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 12px; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .raven-mpris button.image-button:drop(active), .raven-mpris button.image-button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-notification .notification-body, .budgie-switcher .notification-body { color: rgba(255, 255, 255, 0.6); } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } .drop-shadow button.text-button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .drop-shadow button.text-button:not(:disabled):drop(active), .drop-shadow button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .drop-shadow button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .drop-shadow button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .drop-shadow .linked > button { margin-right: 6px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 4px; } .budgie-session-dialog > box { padding: 8px; } .budgie-session-dialog image { margin: -8px; -gtk-icon-transform: scale(0); } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { margin-bottom: 8px; font-size: 20px; font-weight: 500; } .budgie-session-dialog .dialog-title + label { color: rgba(255, 255, 255, 0.6); } .budgie-session-dialog .linked.horizontal > button:not(:last-child) { margin-right: 8px; } .budgie-session-dialog .linked.horizontal > button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } .budgie-session-dialog .linked.horizontal > button:not(:disabled):drop(active), .budgie-session-dialog .linked.horizontal > button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } .budgie-polkit-dialog .message { color: rgba(255, 255, 255, 0.6); } .budgie-polkit-dialog .failure { color: #F28B82; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; border-image: none; box-shadow: none; background-color: transparent; } .budgie-run-dialog list { padding: 4px 0; background-color: transparent; } .budgie-run-dialog list .dim-label { color: inherit; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(255, 255, 255, 0.12); } .budgie-run-dialog scrollbar.right, .budgie-run-dialog scrollbar.bottom { border-bottom-right-radius: 4px; } .budgie-run-dialog scrollbar.left, .budgie-run-dialog scrollbar.bottom { border-bottom-left-radius: 4px; } /************** * Xfce4 Apps * **************/ .XfceHeading { background-color: #242424; } /*************** * xfce4-panel * ***************/ .xfce4-panel.background { border: none; background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .xfce4-panel.background button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .xfce4-panel.background button:drop(active), .xfce4-panel.background button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } .xfce4-panel.background button:checked { color: white; } .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button:checked { border-image: image(currentColor) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button image { padding: 4px; } .xfce4-panel.background frame > border { border-style: none; } .xfce4-panel.background progressbar progress { background-color: #8AB4F8; } .xfce4-panel.background progressbar trough { background-color: rgba(255, 255, 255, 0.12); } wnck-pager:hover { background-color: alpha(currentColor, 0.08); } wnck-pager:active { background-color: alpha(currentColor, 0.12); } wnck-pager:selected { background-color: #8AB4F8; } XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { box-shadow: none; } XfdesktopIconView.view .rubberband { border-radius: 0; } #XfceNotifyWindow { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } #XfceNotifyWindow buttonbox button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } #XfceNotifyWindow buttonbox button:not(:disabled):drop(active), #XfceNotifyWindow buttonbox button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } #XfceNotifyWindow label#summary { font-weight: bold; } #XfceNotifyWindow label#summary + label { color: rgba(255, 255, 255, 0.6); } #xfwm-tabwin { padding: 12px; border-radius: 4px; -XfwmTabwinWidget-icon-size: 64px; -XfwmTabwinWidget-preview-size: 64px; } /********** * Thunar * **********/ .thunar #location-toolbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .thunar #location-toolbar > toolitem > button { min-width: 24px; padding: 6px; border-radius: 9999px; } .thunar .shortcuts-pane.frame, .thunar .standard-view.frame { border-style: none; } .thunar .sidebar .view:not(:selected) { background-color: transparent; } .thunar statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: white; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: white; } #panel_window menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 4px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #343434; } #content_frame { padding-bottom: 16px; } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame > box, #buttonbox_frame > buttonbox { margin: -16px; } #buttonbox_frame button:not(:disabled) { color: #8AB4F8; box-shadow: inset 0 0 0 9999px transparent; } #buttonbox_frame button:not(:disabled):drop(active), #buttonbox_frame button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #buttonbox_frame button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } #buttonbox_frame button:not(:disabled):active { background-image: radial-gradient(circle, rgba(138, 180, 248, 0.16) 10%, transparent 0%); } /******** * Nemo * ********/ .nemo-window .primary-toolbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar stack > box { margin: -2px; } .nemo-window .primary-toolbar button.text-button { padding-left: 8px; padding-right: 8px; } .nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { padding-left: 4px; padding-right: 4px; } .nemo-window scrolledwindow.frame { border-style: none; } .nemo-window scrolledwindow.frame .view:not(:selected) { background-color: transparent; } .nemo-window infobar { margin-top: -6px; } .nemo-window .nemo-inactive-pane .view:not(:selected) { background-color: #242424; } .nemo-window .nemo-window-pane widget.entry { border-radius: 4px; background-color: rgba(255, 255, 255, 0.04); } .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: #3e3e3e; -NemoPlacesTreeView-disk-full-fg-color: #8AB4F8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; -NemoPlacesTreeView-disk-full-max-length: 80px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(255, 255, 255, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(255, 255, 255, 0.87); /* widget base background color */ @define-color theme_bg_color #181818; /* text widgets and the like base background color */ @define-color theme_base_color #242424; /* base background color of selections */ @define-color theme_selected_bg_color #8AB4F8; /* text/foreground color of selections */ @define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); /* base background color of insensitive widgets */ @define-color insensitive_bg_color #181818; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(255, 255, 255, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #242424; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(255, 255, 255, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(255, 255, 255, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #181818; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #242424; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #8AB4F8; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.38); /* widgets main borders color */ @define-color borders rgba(255, 255, 255, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(255, 255, 255, 0.12); /* these are pretty self explicative */ @define-color warning_color #FDD633; @define-color error_color #F28B82; @define-color success_color #81C995; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title rgba(255, 255, 255, 0.87); @define-color wm_unfocused_title rgba(255, 255, 255, 0.6); @define-color wm_highlight rgba(255, 255, 255, 0.1); @define-color wm_bg #2d2d2d; @define-color wm_unfocused_bg #242424; /* FIXME this is really an API */ @define-color content_view_bg #242424; @define-color placeholder_text_color #a7a7a7; materia-theme-20200320/src/gtk/3.0/gtk-dark.scss000066400000000000000000000004231363503524500207500ustar00rootroot00000000000000$variant: 'dark'; $topbar: 'dark'; $compact: 'false'; @import '../../_sass/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-20200320/src/gtk/3.0/gtk-light-compact.css000066400000000000000000005765501363503524500224220ustar00rootroot00000000000000@keyframes ripple { to { background-size: 1000% 1000%; } } @keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } @keyframes ripple-on-headerbar { from { background-image: radial-gradient(circle, #1A73E8 0%, transparent 0%); } to { background-image: radial-gradient(circle, #1A73E8 100%, transparent 0%); } } button, modelbutton.flat, .menuitem.button.flat, notebook > header > tabs > arrow, check, radio, row.activatable { transition-property: all, border-image, background-size, background-image; transition-duration: 75ms, 225ms, 300ms, 1200ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); outline: none; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } button:active, modelbutton.flat:active, .menuitem.button.flat:active, notebook > header > tabs > arrow:active, check:active, radio:active, row.activatable:active { transition-duration: 75ms, 225ms, 0ms, 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-size: 0% 0%; } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #D93025; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 4; -gtk-secondary-caret-color: #1A73E8; outline: 2px solid transparent; outline-offset: -4px; -gtk-outline-radius: 4px; } *:focus { outline-color: alpha(currentColor, 0.12); } /*************** * Base States * ***************/ .background { background-color: #F2F2F2; 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: #F2F2F2; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e5e5e5; } .gtkstyle-fallback:active { background-color: #d9d9d9; } .gtkstyle-fallback:disabled { color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #1A73E8; color: white; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } .view:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:selected { border-radius: 4px; } textview text { background-color: #FFFFFF; caret-color: #1A73E8; } textview border { background-color: #FAFAFA; color: rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 4px; } .content-view .tile:selected { background-color: transparent; } label { caret-color: #1A73E8; } label.separator { color: rgba(0, 0, 0, 0.6); } label:disabled { color: rgba(0, 0, 0, 0.38); } headerbar label:disabled, menuitem label:disabled, tab label:disabled, button label:disabled { color: inherit; } label.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } .dim-label { color: rgba(0, 0, 0, 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); } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; color: #1A73E8; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:disabled { color: rgba(0, 0, 0, 0.26); } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 32px; padding: 0 8px; border-radius: 4px 4px 0 0; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } spinbutton:focus:not(.vertical), entry:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 2/0 0 2px; } spinbutton:drop(active):not(.vertical), entry:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; border-radius: 0; background-color: transparent; } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.6); } 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, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #D93025; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #D93025; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 100%, transparent 0%) 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F4B400; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #F4B400; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 100%, transparent 0%) 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; border-bottom: 2px solid #1A73E8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #D93025; color: white; caret-color: white; } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { color: white; } spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #F4B400; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { color: rgba(0, 0, 0, 0.38); } treeview entry, treeview entry.flat { background-color: #FFFFFF; } treeview entry, treeview entry:focus, treeview entry.flat, treeview entry.flat:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 2px; border-radius: 9999px; box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.87); } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 4px; margin-right: 0; padding-left: 12px; padding-right: 8px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: 0; margin-right: 4px; padding-left: 8px; padding-right: 12px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.6); } /*********** * Buttons * ***********/ @keyframes needs-attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1A73E8), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 4px 8px; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-weight: 500; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:drop(active), button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:active { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button:checked { background-color: #dae9fb; color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:checked:drop(active), button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:active { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button:checked:disabled { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.text-button { min-width: 32px; padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 4px; border-radius: 9999px; } button.text-button.image-button { min-width: 24px; padding: 4px; border-radius: 4px; } 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 button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, #caja-extra-view-widget button, .lock-dialog button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, #buttonbox_frame button, button.flat, combobox > .linked:not(.vertical) > button:not(:only-child), layouttabbar button, .message-input-area button, .caja-navigation-window box.horizontal > button.toggle.image-button, .raven .raven-header.top stackswitcher.linked > button, .raven .raven-background stackswitcher.linked > button, .nemo-window .toolbar button, spinbutton:not(.vertical) button, spinbutton.vertical button, .caja-pathbar button, .path-bar.linked:not(.vertical) > button, scrollbar button, button.sidebar-button, .gedit-search-slider .linked:not(.vertical) > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button { background-color: transparent; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:drop(active), popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:drop(active), infobar.question button:drop(active), #caja-extra-view-widget button:drop(active), .lock-dialog button:drop(active), .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:drop(active), #buttonbox_frame button:drop(active), button.flat:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), layouttabbar button:drop(active), .message-input-area button:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:drop(active), .raven .raven-header.top stackswitcher.linked > button:drop(active), .raven .raven-background stackswitcher.linked > button:drop(active), .nemo-window .toolbar button:drop(active), spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:drop(active), .caja-pathbar button:drop(active), .path-bar.linked:not(.vertical) > button:drop(active), scrollbar button:drop(active), button.sidebar-button:drop(active), .gedit-search-slider .linked:not(.vertical) > button:drop(active), popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:drop(active), #mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:drop(active), toolbar button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, popover.background button.model:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), .app-notification button:hover, .dialog-action-box button:hover, filechooser #pathbarbox > stack > box > button:hover, infobar.info button:hover, infobar.question button:hover, #caja-extra-view-widget button:hover, .lock-dialog button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, #buttonbox_frame button:hover, button.flat:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), layouttabbar button:hover, .message-input-area button:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:hover, .raven .raven-header.top stackswitcher.linked > button:hover, .raven .raven-background stackswitcher.linked > button:hover, .nemo-window .toolbar button:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, .caja-pathbar button:hover, .path-bar.linked:not(.vertical) > button:hover, scrollbar button:hover, button.sidebar-button:hover, .gedit-search-slider .linked:not(.vertical) > button:hover, popover.messagepopover .popover-action-area button:hover, #MatePanelPopupWindow button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, #caja-extra-view-widget button:focus, .lock-dialog button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, #buttonbox_frame button:focus, button.flat:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), layouttabbar button:focus, .message-input-area button:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:focus, .raven .raven-header.top stackswitcher.linked > button:focus, .raven .raven-background stackswitcher.linked > button:focus, .nemo-window .toolbar button:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, .caja-pathbar button:focus, .path-bar.linked:not(.vertical) > button:focus, scrollbar button:focus, button.sidebar-button:focus, .gedit-search-slider .linked:not(.vertical) > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, #caja-extra-view-widget button:active, .lock-dialog button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, #buttonbox_frame button:active, button.flat:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), layouttabbar button:active, .message-input-area button:active, .caja-navigation-window box.horizontal > button.toggle.image-button:active, .raven .raven-header.top stackswitcher.linked > button:active, .raven .raven-background stackswitcher.linked > button:active, .nemo-window .toolbar button:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, .caja-pathbar button:active, .path-bar.linked:not(.vertical) > button:active, scrollbar button:active, button.sidebar-button:active, .gedit-search-slider .linked:not(.vertical) > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, #caja-extra-view-widget button:disabled, .lock-dialog button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, #buttonbox_frame button:disabled, button.flat:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), layouttabbar button:disabled, .message-input-area button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, .raven .raven-header.top stackswitcher.linked > button:disabled, .raven .raven-background stackswitcher.linked > button:disabled, .nemo-window .toolbar button:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, .caja-pathbar button:disabled, .path-bar.linked:not(.vertical) > button:disabled, scrollbar button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked:not(.vertical) > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); } toolbar button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, #caja-extra-view-widget button:checked, .lock-dialog button:checked, .drop-shadow button:checked, .budgie-session-dialog .linked.horizontal > button:checked, #buttonbox_frame button:checked, button.flat:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), layouttabbar button:checked, .message-input-area button:checked, .caja-navigation-window box.horizontal > button.toggle.image-button:checked, .raven .raven-header.top stackswitcher.linked > button:checked, .raven .raven-background stackswitcher.linked > button:checked, .nemo-window .toolbar button:checked { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:drop(active), popover.background button.model:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:checked:drop(active), .dialog-action-box button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), infobar.info button:checked:drop(active), infobar.question button:checked:drop(active), #caja-extra-view-widget button:checked:drop(active), .lock-dialog button:checked:drop(active), .drop-shadow button:checked:drop(active), .budgie-session-dialog .linked.horizontal > button:checked:drop(active), #buttonbox_frame button:checked:drop(active), button.flat:checked:drop(active), combobox > .linked:not(.vertical) > button:checked:drop(active):not(:only-child), layouttabbar button:checked:drop(active), .message-input-area button:checked:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:checked:drop(active), .raven .raven-header.top stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:drop(active), .nemo-window .toolbar button:checked:drop(active), toolbar button:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:hover, popover.background button.model:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), .app-notification button:checked:hover, .dialog-action-box button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, infobar.info button:checked:hover, infobar.question button:checked:hover, #caja-extra-view-widget button:checked:hover, .lock-dialog button:checked:hover, .drop-shadow button:checked:hover, .budgie-session-dialog .linked.horizontal > button:checked:hover, #buttonbox_frame button:checked:hover, button.flat:checked:hover, combobox > .linked:not(.vertical) > button:checked:hover:not(:only-child), layouttabbar button:checked:hover, .message-input-area button:checked:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover, .raven .raven-header.top stackswitcher.linked > button:checked:hover, .raven .raven-background stackswitcher.linked > button:checked:hover, .nemo-window .toolbar button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:focus, popover.background button.model:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), .app-notification button:checked:focus, .dialog-action-box button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, infobar.info button:checked:focus, infobar.question button:checked:focus, #caja-extra-view-widget button:checked:focus, .lock-dialog button:checked:focus, .drop-shadow button:checked:focus, .budgie-session-dialog .linked.horizontal > button:checked:focus, #buttonbox_frame button:checked:focus, button.flat:checked:focus, combobox > .linked:not(.vertical) > button:checked:focus:not(:only-child), layouttabbar button:checked:focus, .message-input-area button:checked:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:focus, .raven .raven-header.top stackswitcher.linked > button:checked:focus, .raven .raven-background stackswitcher.linked > button:checked:focus, .nemo-window .toolbar button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:active, popover.background button.model:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), .app-notification button:checked:active, .dialog-action-box button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, infobar.info button:checked:active, infobar.question button:checked:active, #caja-extra-view-widget button:checked:active, .lock-dialog button:checked:active, .drop-shadow button:checked:active, .budgie-session-dialog .linked.horizontal > button:checked:active, #buttonbox_frame button:checked:active, button.flat:checked:active, combobox > .linked:not(.vertical) > button:checked:active:not(:only-child), layouttabbar button:checked:active, .message-input-area button:checked:active, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:active, .raven .raven-header.top stackswitcher.linked > button:checked:active, .raven .raven-background stackswitcher.linked > button:checked:active, .nemo-window .toolbar button:checked:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } toolbar button:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, #caja-extra-view-widget button:checked:disabled, .lock-dialog button:checked:disabled, .drop-shadow button:checked:disabled, .budgie-session-dialog .linked.horizontal > button:checked:disabled, #buttonbox_frame button:checked:disabled, button.flat:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), layouttabbar button:checked:disabled, .message-input-area button:checked:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:disabled, .raven .raven-header.top stackswitcher.linked > button:checked:disabled, .raven .raven-background stackswitcher.linked > button:checked:disabled, .nemo-window .toolbar button:checked:disabled { color: rgba(0, 0, 0, 0.38); } toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, #caja-extra-view-widget button.text-button, .lock-dialog button.text-button, .drop-shadow button.text-button, .budgie-session-dialog .linked.horizontal > button.text-button, #buttonbox_frame button.text-button, button.flat.text-button { min-width: 48px; padding-left: 8px; padding-right: 8px; } toolbar button.text-button.image-button, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button.image-button, popover.background button.text-button.image-button.model, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button.image-button, .dialog-action-box button.text-button.image-button, filechooser #pathbarbox > stack > box > button.text-button.image-button, infobar.info button.text-button.image-button, infobar.question button.text-button.image-button, #caja-extra-view-widget button.text-button.image-button, .lock-dialog button.text-button.image-button, .drop-shadow button.text-button.image-button, .budgie-session-dialog .linked.horizontal > button.text-button.image-button, #buttonbox_frame button.text-button.image-button, button.flat.text-button.image-button { min-width: 24px; padding: 4px; } toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, #caja-extra-view-widget button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .drop-shadow button.text-button.image-button label:first-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:first-child, #buttonbox_frame button.text-button.image-button label:first-child, button.flat.text-button.image-button label:first-child { margin-left: 8px; } toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, #caja-extra-view-widget button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .drop-shadow button.text-button.image-button label:last-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:last-child, #buttonbox_frame button.text-button.image-button label:last-child, button.flat.text-button.image-button label:last-child { margin-right: 8px; } toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .drop-shadow .linked:not(.vertical) > button:not(:only-child), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child), popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), infobar.info .linked.vertical > button:not(:only-child), infobar.question .linked.vertical > button:not(:only-child), #caja-extra-view-widget .linked.vertical > button:not(:only-child), .lock-dialog .linked.vertical > button:not(:only-child), .drop-shadow .linked.vertical > button:not(:only-child), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child), #buttonbox_frame .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { border-radius: 4px; } toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked.vertical > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked.vertical > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } button.osd { padding: 8px 12px; } button.osd.image-button { padding: 8px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #1A73E8; color: white; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:drop(active), button.suggested-action:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:active { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #3584eb; } button.suggested-action.flat { background-color: transparent; color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } button.suggested-action.flat:drop(active), button.suggested-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.suggested-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.suggested-action.flat:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } button.suggested-action.flat:checked { background-color: rgba(26, 115, 232, 0.12); } button.destructive-action { background-color: #D93025; color: white; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:drop(active), button.destructive-action:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:active { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #de493f; } button.destructive-action.flat { background-color: transparent; color: #D93025; box-shadow: inset 0 0 0 9999px transparent; } button.destructive-action.flat:drop(active), button.destructive-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } button.destructive-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } button.destructive-action.flat:active { background-image: radial-gradient(circle, rgba(217, 48, 37, 0.16) 10%, transparent 0%); } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } button.destructive-action.flat:checked { background-color: rgba(217, 48, 37, 0.12); } .stack-switcher > button > label { margin: 0 -6px; padding: 0 6px; } .stack-switcher > button > image { margin: -3px -6px; padding: 3px 6px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .inline-toolbar button:not(.text-button) { border-radius: 9999px; } .primary-toolbar button { -gtk-icon-shadow: none; } button.close, button.circular { border-radius: 9999px; } 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 .linked:not(.vertical) > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { animation: needs-attention 225ms 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.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; } .linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; } .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } .linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } .linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 4px; box-shadow: inset 0 0 0 9999px transparent; } modelbutton.flat:drop(active), modelbutton.flat:hover, .menuitem.button.flat:drop(active), .menuitem.button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } modelbutton.flat:focus, .menuitem.button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } modelbutton.flat:active, .menuitem.button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } 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: 4px; } /********* * Links * *********/ *:link { color: #1A73E8; } *:visited { color: #9C27B0; } button.link:link { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } button.link:link:drop(active), button.link:link:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.link:link:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.link:link:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.link:visited { color: #9C27B0; box-shadow: inset 0 0 0 9999px transparent; } button.link:visited:drop(active), button.link:visited:hover { box-shadow: inset 0 0 0 9999px rgba(156, 39, 176, 0.12); } button.link:visited:focus { box-shadow: inset 0 0 0 9999px rgba(156, 39, 176, 0.12); } button.link:visited:active { background-image: radial-gradient(circle, rgba(156, 39, 176, 0.16) 10%, transparent 0%); } button.link > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } spinbutton:not(.vertical) entry { min-width: 24px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 4px transparent; } spinbutton:not(.vertical) button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -2px; } spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { margin-right: -2px; } spinbutton.vertical { caret-color: #1A73E8; } spinbutton.vertical:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry { min-height: 32px; min-width: 40px; padding: 0; } spinbutton.vertical button { min-height: 32px; min-width: 40px; padding: 0; } spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 4px 4px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: 0px; } combobox button.combo cellview:dir(rtl) { margin-right: 0px; } combobox menu { padding: 2px 0; } combobox menu menuitem { min-height: 28px; padding: 0 8px; } combobox menu > arrow.top { margin-top: -2px; } combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } combobox > .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { margin-right: -32px; padding-right: 32px; } combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { margin-left: -32px; padding-left: 32px; } combobox > .linked:not(.vertical) > button:not(:only-child) { min-height: 16px; min-width: 16px; margin: 4px; padding: 4px; border-radius: 9999px; } button.combo:only-child { border-radius: 4px 4px 0 0; font-weight: normal; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } button.combo:only-child:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } button.combo:only-child:drop(active), button.combo:only-child:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } button.combo:only-child:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 2/0 0 2px; } button.combo:only-child:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #F2F2F2; } .osd toolbar { background-color: transparent; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.osd.bottom { box-shadow: none; background-color: transparent; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 6px 2px; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 4px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); } .inline-toolbar { padding: 4px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FAFAFA; } searchbar > revealer > box, .location-bar { padding: 4px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F2F2F2; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 4px; } /*************** * Header bars * ***************/ .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } .titlebar:disabled { color: rgba(0, 0, 0, 0.38); } .titlebar:backdrop { background-color: #D6D6D6; color: rgba(0, 0, 0, 0.6); } .titlebar:backdrop:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar .subtitle { padding-left: 12px; padding-right: 12px; font-size: smaller; } .titlebar .subtitle, .titlebar .dim-label { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(0, 0, 0, 0.6); } .titlebar .subtitle:backdrop, .titlebar .dim-label:backdrop { color: rgba(0, 0, 0, 0.38); } .titlebar .titlebar { background-color: transparent; box-shadow: none; } .titlebar headerbar + separator { background-color: rgba(0, 0, 0, 0.12); } .titlebar entry { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .titlebar entry:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } .titlebar entry image { color: rgba(0, 0, 0, 0.6); } .titlebar entry image:hover, .titlebar entry image:active { color: rgba(0, 0, 0, 0.87); } .titlebar entry image:disabled { color: rgba(0, 0, 0, 0.38); } .titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } .titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } .titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } .titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(0, 0, 0, 0.26); } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(0, 0, 0, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(0, 0, 0, 0.6); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } .titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { min-width: 104px; } .titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; padding-left: 4px; padding-right: 4px; } .titlebar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; color: white; } .titlebar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode .subtitle:link { color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .titlebar .selection-mode { box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; } .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .titlebar.default-decoration { min-height: 24px; padding: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } .tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { box-shadow: none; } .titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } headerbar { min-height: 40px; padding: 0 4px; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 4px; margin-bottom: 4px; } headerbar separator.titlebutton { margin-top: 10px; margin-bottom: 10px; background-color: rgba(0, 0, 0, 0.12); } headerbar switch { margin-top: 8px; margin-bottom: 8px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag { margin-top: 5px; margin-bottom: 5px; } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar.linked:not(.vertical) > button { padding-left: 4px; padding-right: 4px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 4px; } .caja-pathbar button:checked, .path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(0, 0, 0, 0.87); } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, .path-bar.linked:not(.vertical) > button:checked, .path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, .path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, .path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -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 { background-color: #FFFFFF; background-image: image(rgba(26, 115, 232, 0.24)); } treeview.view:hover, 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: 9999px; border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.6); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.progressbar { border-bottom: 4px solid #1A73E8; box-shadow: none; background-color: transparent; background-image: none; } treeview.view.progressbar:selected:hover { box-shadow: none; } treeview.view.trough { border-bottom: 4px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: transparent; background-image: none; } treeview.view.trough:selected:hover { box-shadow: none; } 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; color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } treeview.view header button:drop(active), treeview.view header button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } treeview.view header button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } treeview.view header button:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } treeview.view header button:drop(active):not(:active), treeview.view header button:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } treeview.view header button:disabled { color: rgba(0, 0, 0, 0.26); } 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: #1A73E8; } treeview.view acceleditor > label { background-color: #1A73E8; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } menubar:backdrop, .menubar:backdrop { background-color: #D6D6D6; color: rgba(0, 0, 0, 0.6); } .csd menubar, .csd .menubar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } menubar > menuitem, .menubar > menuitem { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(0, 0, 0, 0.26); } .background.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; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 4px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; color: rgba(0, 0, 0, 0.87); font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: alpha(currentColor, 0.08); } 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; color: rgba(0, 0, 0, 0.6); } menu menuitem arrow:disabled, .menu menuitem arrow:disabled, .context-menu menuitem arrow:disabled { color: rgba(0, 0, 0, 0.26); } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.6); } 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: 4px 4px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 4px 4px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(alpha(currentColor, 0.08)); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.6); } menuitem:disabled accelerator { color: rgba(0, 0, 0, 0.26); } /************ * Popovers * ************/ popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } popover.background:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } popover.background, .csd popover.background { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; } 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 list, popover.background .view:not(:selected), popover.background toolbar { background-color: #FFFFFF; } popover.background.menu button, popover.background button.model { min-height: 32px; padding: 0 8px; border-radius: 4px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ frame > paned > notebook > header, notebook.frame > header { background-color: #FAFAFA; } notebook:focus tab:checked { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F2F2F2; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab { border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px; } notebook > header.top > tabs > tab:checked { border-image-source: linear-gradient(to top, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.top > tabs > tab.reorderable-page { border-image-width: 0 1px 2px; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab { border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0; } notebook > header.bottom > tabs > tab:checked { border-image-source: linear-gradient(to bottom, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { border-image-width: 2px 1px 0; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab { border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0; } notebook > header.left > tabs > tab:checked { border-image-source: linear-gradient(to left, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.left > tabs > tab.reorderable-page { border-image-width: 1px 2px 1px 0; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab { border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px; } notebook > header.right > tabs > tab:checked { border-image-source: linear-gradient(to right, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.right > tabs > tab.reorderable-page { border-image-width: 1px 0 1px 2px; } 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; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } notebook > header > tabs > arrow:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } notebook > header > tabs > arrow:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } notebook > header > tabs > arrow:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 4px 12px; border-width: 1px; border-color: transparent; outline: none; background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; background-clip: border-box; color: rgba(0, 0, 0, 0.6); font-weight: 500; } notebook > header tab:hover { background-color: alpha(currentColor, 0.08); } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; 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 > box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: -4px -12px; padding: 4px 12px; } notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -8px; } notebook > header tab button.flat:first-child { margin-left: -8px; margin-right: 4px; } 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 { 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 { border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.6); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { margin: 2px 0; } scrollbar.fine-tune.vertical slider { margin: 0 2px; } scrollbar.overlay-indicator:not(.fine-tune) slider { transition-property: background-color, min-height, min-width; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 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:checked { background-color: rgba(26, 115, 232, 0.5); } switch:disabled { opacity: 0.5; } switch image { margin: -8px; -gtk-icon-transform: scale(0); } switch slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline: none; box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FFFFFF; } switch:hover slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:checked slider { background-color: #1A73E8; color: #1A73E8; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view:not(list) .tile check { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view:not(list) .tile check:hover, .content-view:not(list) .tile check:active { -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), .content-view:not(list) .tile check { -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:not(list) .tile check:checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton, radiobutton { outline: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; border-radius: 9999px; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } check:drop(active), check:hover, radio:drop(active), radio:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } check:focus, radio:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } check:active, radio:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover, radio:checked:drop(active), radio:checked:hover, radio:indeterminate:drop(active), radio:indeterminate:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } check:checked:focus, check:indeterminate:focus, radio:checked:focus, radio:indeterminate:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } check:disabled, radio:disabled { color: rgba(0, 0, 0, 0.26); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { transition: none; box-shadow: none; background-image: none; } popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check, 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; border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#1A73E8), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent)); } #MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } treeview.view check, treeview.view radio { padding: 0; color: rgba(0, 0, 0, 0.6); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #1A73E8; } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover, treeview.view radio, treeview.view radio:hover, treeview.view radio:selected, treeview.view radio:selected:hover { box-shadow: none; background-color: transparent; } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 2px; min-width: 2px; } scale.horizontal { padding: 15px 12px; } scale.vertical { padding: 12px 15px; } scale slider { min-height: 32px; min-width: 32px; margin: -15px; } scale.fine-tune.horizontal { min-height: 4px; padding-top: 14px; padding-bottom: 14px; } scale.fine-tune.vertical { min-width: 4px; padding-left: 14px; padding-right: 14px; } scale.fine-tune slider { margin: -14px; } scale trough { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); background-image: image(#1A73E8); } scale highlight:disabled { background-color: #F2F2F2; background-image: image(rgba(0, 0, 0, 0.26)); } scale fill { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; color: #1A73E8; } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:hover { background-color: alpha(currentColor, 0.08); } scale slider:focus { background-color: alpha(currentColor, 0.08); } scale slider:active { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; } scale marks, scale value { color: rgba(0, 0, 0, 0.6); } scale indicator { background-color: rgba(0, 0, 0, 0.26); color: transparent; } scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } scale.horizontal marks.bottom { margin-top: 7px; margin-bottom: -15px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } scale.vertical marks.top { margin-right: 7px; margin-left: -15px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } scale.vertical marks.bottom { margin-left: 7px; margin-right: -15px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } scale.horizontal indicator { min-height: 8px; min-width: 1px; } scale.vertical indicator { min-height: 1px; min-width: 8px; } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.color { min-height: 0; min-width: 0; } scale.color.horizontal { padding: 0 0 12px 0; } scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { margin-bottom: -24px; margin-top: 8px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -24px; margin-right: 8px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -24px; margin-left: 8px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.6); 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(0, 0, 0, 0.12); } progressbar progress { background-color: #1A73E8; } 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 block.low { background-color: #F4B400; } levelbar block.high, levelbar block:not(.empty) { background-color: #1A73E8; } levelbar block.full { background-color: #0F9D58; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat { border-style: none; } frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; background-clip: border-box; } actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(26, 115, 232, 0.24)), 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, transparent 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, transparent 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, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } 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, stacksidebar.sidebar + separator.vertical, stacksidebar.sidebar separator.horizontal, .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 { box-shadow: inset 0 0 0 9999px transparent; } row.activatable:drop(active), row.activatable:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } row.activatable:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } row.activatable:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } row.activatable.has-open-popup { background-color: alpha(currentColor, 0.12); } row:selected { box-shadow: inset 0 0 0 9999px transparent; } row:selected:drop(active), row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .app-notification button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .app-notification button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.6); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } /************ * Calendar * ************/ calendar { padding: 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: 5px; } calendar.header { border-style: none none solid; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; } calendar.button { border-radius: 5px; color: rgba(0, 0, 0, 0.6); } calendar.button:hover { background-image: image(alpha(currentColor, 0.08)); } calendar.button:disabled { color: rgba(0, 0, 0, 0.26); } calendar.highlight { color: rgba(0, 0, 0, 0.6); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FFFFFF; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.6); } messagedialog.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } messagedialog box.vertical > label + label { color: rgba(0, 0, 0, 0.6); } messagedialog .dialog-action-box { margin-top: -4px; } messagedialog .dialog-action-box button:not(:last-child) { margin-right: 4px; } .dialog-action-box button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button:not(:disabled):drop(active), .dialog-action-box button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .dialog-action-box button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .dialog-action-box button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .dialog-action-box button.suggested-action:not(:disabled) { background-color: transparent; } .dialog-action-box button.destructive-action:not(:disabled) { background-color: transparent; color: #D93025; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button.destructive-action:not(:disabled):drop(active), .dialog-action-box button.destructive-action:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):active { background-image: radial-gradient(circle, rgba(217, 48, 37, 0.16) 10%, transparent 0%); } 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: #F2F2F2; } filechooser #pathbarbox > stack > box > button { border-radius: 9999px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #FAFAFA; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr) { border-style: none; } stacksidebar.sidebar list { padding: 4px; background-color: #FAFAFA; } stacksidebar.sidebar row { min-height: 32px; padding: 0 2px; border-radius: 4px; } stacksidebar.sidebar row:selected { font-weight: 500; color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } stacksidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } stacksidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } stacksidebar.sidebar row + row { margin-top: 4px; } stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; } separator.sidebar { background-color: rgba(0, 0, 0, 0.12); } /**************** * File chooser * ****************/ row image.sidebar-icon { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(0, 0, 0, 0.6); } row image.sidebar-icon:disabled { color: rgba(0, 0, 0, 0.26); } placessidebar.sidebar > viewport.frame { border-style: none; } placessidebar.sidebar list { padding: 1px 0 4px; } placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } placessidebar.sidebar row > revealer { padding: 0 8px; } placessidebar.sidebar row:selected { font-weight: 500; color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } placessidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } placessidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } placessidebar.sidebar row:selected image.sidebar-icon { color: #1A73E8; } placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } placessidebar.sidebar row.sidebar-new-bookmark-row { color: #1A73E8; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { color: #1A73E8; } 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: #F2F2F2; 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, infobar.question { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } infobar.info button.text-button:not(:disabled):drop(active), infobar.info button.text-button:not(:disabled):hover, infobar.question button.text-button:not(:disabled):drop(active), infobar.question button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } infobar.info button.text-button:not(:disabled):focus, infobar.question button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } infobar.info button.text-button:not(:disabled):active, infobar.question button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } infobar.warning { background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } infobar.warning button.flat { color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } infobar.warning button.flat:drop(active), infobar.warning button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } infobar.warning *:link { color: rgba(0, 0, 0, 0.87); } infobar.error { background-color: #D93025; color: white; } infobar.error button.flat { color: white; box-shadow: inset 0 0 0 9999px transparent; } infobar.error button.flat:drop(active), infobar.error button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } infobar.error button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } infobar.error button.flat:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } infobar.error *:link { color: white; } infobar button label { margin: 0 -4px; } /************ * Tooltips * ************/ tooltip { border-radius: 4px; box-shadow: none; } tooltip.background { background-color: rgba(97, 97, 97, 0.9); color: white; } tooltip decoration { background-color: transparent; } tooltip > box { margin: -6px; min-height: 24px; padding: 4px 8px; } tooltip .dim-label { color: rgba(255, 255, 255, 0.7); } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 4.5px; border-top-right-radius: 4.5px; } colorswatch.top overlay { border-top-left-radius: 4px; border-top-right-radius: 4px; } colorswatch.bottom { border-bottom-left-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 4.5px; border-bottom-left-radius: 4.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.dark { color: white; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } colorswatch overlay:drop(active), colorswatch overlay:hover { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); } colorswatch#add-color-button:only-child { border-radius: 4px; } colorswatch#add-color-button overlay { background-color: #FFFFFF; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 4.5px; } colorswatch#editor-color-sample overlay { border-radius: 4px; } colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #F2F2F2; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; } .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } .csd.popup decoration { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } tooltip.csd decoration { border-radius: 4px; box-shadow: none; } messagedialog.csd decoration { border-radius: 4px; } .solid-csd decoration { margin: 0; padding: 2px; border-radius: 0; box-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; } .solid-csd decoration:backdrop { background-color: #D6D6D6; } button.titlebutton { border-radius: 9999px; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { background-color: rgba(26, 115, 232, 0.24); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { color: #1A73E8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-transform: rotate(90deg); } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-transform: unset; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { padding-top: 6px; -gtk-icon-transform: rotate(45deg); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin: 4px; } button.emoji-section:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } button.emoji-section:checked:drop(active), button.emoji-section:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.emoji-section:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.emoji-section:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.emoji-section:not(:last-child) { margin-right: 0; } popover.emoji-picker .emoji { min-width: 3em; min-height: 3em; padding: 0 8px; } popover.emoji-picker .emoji widget { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } popover.emoji-picker .emoji widget:hover { background-color: alpha(currentColor, 0.08); } popover.emoji-completion { padding: 8px 0; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion .emoji-completion-row { min-height: 28px; padding: 0 12px; } popover.emoji-completion .emoji:hover { background-color: alpha(currentColor, 0.08); } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(0, 0, 0, 0.6); } @keyframes nautilus-operations-button-needs-attention { to { background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button { border-radius: 9999px; } .path-bar-box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; border-radius: 4px; } .path-bar-box button { margin: 0; } .path-bar-box.width-maximized { background-color: rgba(0, 0, 0, 0.04); } .path-bar-box.background.frame { border-style: none; background-color: rgba(0, 0, 0, 0.04); } .path-bar-box .path-bar button label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .path-bar button label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 4px; padding-right: 4px; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(255, 255, 255, 0.9); } .nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-left-style: none; border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-right-style: none; border-top-right-radius: 0; } .nautilus-window .floating-bar button { margin: 4px; } .disk-space-display.unknown { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .disk-space-display.used { background-color: #1A73E8; color: #1A73E8; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.08); } .search-information { padding: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .conflict-row:not(:selected) { background-color: #fce9b3; } .nautilus-window flowboxchild .icon-item-background { padding: 4px; border-radius: 4px; } .nautilus-window flowboxchild:selected { background-color: transparent; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(0, 0, 0, 0.6); } .nautilus-window headerbar revealer > button { border-radius: 9999px; } .nautilus-window paned > separator { background-color: #FAFAFA; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.6); font-size: smaller; } .open-document-selector-match { background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } .gedit-document-panel { background-color: #FAFAFA; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; } .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { margin-right: -60px; padding-right: 60px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 4px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) { margin-left: -60px; padding-left: 60px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 4px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { background-color: #FFFFFF; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider .linked:not(.vertical) > button { border: solid 4px transparent; border-radius: 9999px; } .gedit-search-slider .linked:not(.vertical) > button:last-child:dir(ltr), .gedit-search-slider .linked:not(.vertical) > button:not(:first-child):dir(rtl) { margin-left: -2px; } .gedit-search-slider .linked:not(.vertical) > button:first-child:dir(rtl), .gedit-search-slider .linked:not(.vertical) > button:not(:last-child):dir(ltr) { margin-right: -2px; } frame.gedit-map-frame > border:dir(ltr) { border-style: none none none solid; } frame.gedit-map-frame > border:dir(rtl) { border-style: none solid none none; } /********** * Tweaks * **********/ .tweak-categories { background-image: image(#FAFAFA); } .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#ClickMethod, 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#ClickMethod row:not(:last-child), row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } row#Focus.tweak > list, row#ClickMethod.tweak > list, row#StaticWorkspaceTweak.tweak > list, row#dynamic-workspaces.tweak > list, row#PrimaryWorkspaceTweak.tweak > list, row#workspaces-only-on-primary.tweak > list { margin-top: -3px; } row#Focus, row#ClickMethod, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { background-color: inherit; box-shadow: inherit; transition: color 75ms cubic-bezier(0, 0, 0.2, 1); } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator { background-color: inherit; background-image: image(rgba(0, 0, 0, 0.12)); } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #F2F2F2; } 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 #1A73E8; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #D93025; color: white; } window.workbench treeview.image { color: rgba(0, 0, 0, 0.6); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 4px; } popover.popover-selector list row image:dir(ltr) { margin-right: 6px; } popover.popover-selector list row image:dir(rtl) { margin-left: 6px; } popover.popover-selector list row .accel:dir(ltr) { margin-left: 6px; } popover.popover-selector list row .accel:dir(rtl) { margin-right: 6px; } omnibar.linked:not(.vertical) entry { border-radius: 4px; } omnibar entry { color: rgba(0, 0, 0, 0.6); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } entry.preferences-search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: #FFFFFF; } preferences stacksidebar.sidebar list { background-color: #FAFAFA; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 4px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 4px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(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: #F2F2F2; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #F2F2F2; } docktab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 4px 6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.6); font-weight: 500; } docktab:hover { background-color: alpha(currentColor, 0.08); } docktab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #1A73E8; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #F2F2F2; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #1A73E8; } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #1A73E8; } pillbox { background-color: #F2F2F2; border-radius: 4px; } layoutpane entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; background-color: transparent; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } window.workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } button.run-arrow-button { padding-left: 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: #F2F2F2; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #1A73E8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #1A73E8; } 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); } dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected { background-color: #1A73E8; color: white; } #titlebar_container .suggestionbutton button { padding: 0; border-radius: 0; box-shadow: inset 0 0 0 9999px #E0E0E0; } #titlebar_container .suggestionbutton button:backdrop { box-shadow: inset 0 0 0 9999px #D6D6D6; } #titlebar_container .suggestionbutton button image { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1); min-width: 32px; min-height: 32px; border-radius: 9999px; box-shadow: inset 0 0 0 9999px transparent; } #titlebar_container .suggestionbutton button:hover image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:focus image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:active image { background-color: alpha(currentColor, 0.12); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #1A73E8; color: white; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { color: rgba(0, 0, 0, 0.87); font-weight: normal; } button.photos-filter-preview:checked { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } button.photos-filter-preview:checked image { color: white; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#FAFAFA); } .side-panel .view:hover { background-image: image(rgba(234, 234, 234, 0.9896)); } .side-panel .view:selected { background-image: image(#1A73E8); } .side-panel .view:selected:hover { background-image: image(#2c7eea); } .songs-list:hover { background-image: image(alpha(currentColor, 0.08)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Terminal * ************/ terminal-window notebook > header > box { margin: -2px -2px -3px; } terminal-window notebook > header > box button { border-radius: 0; } /********* * To Do * *********/ task-list-view taskrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } task-list-view taskrow:hover { transition: none; } task-list-view taskrow label { margin: 0 8px; } task-list-view taskrow image.dim-label { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -4px; } task-list-view > box > revealer > box > button .dim-label { color: inherit; } tasklistview taskrow { outline: none; } tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { box-shadow: none; } tasklistview taskrow image.dim-label { min-width: 16px; } tasklistview > box > revealer > box > button { margin: -4px; } tasklistview > box > revealer > box > button .dim-label { color: inherit; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } /************* * Evolution * *************/ frame.taskbar > border { border-style: solid none none; } box.vertical > paned.horizontal notebook widget .frame { border-style: none; } /******** * gitg * ********/ frame.commit-frame > border { border-style: solid none none; } /************** * Characters * **************/ box.dialog-vbox scrolledwindow.related { border: 1px solid rgba(0, 0, 0, 0.12); } list.categories { background-image: image(#FAFAFA); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; } /********** * Evince * **********/ evview.content-view.view:selected { background-color: #1A73E8; color: white; } /********** * Polari * **********/ .polari-room-list row:selected { background-color: rgba(26, 115, 232, 0.5); } /*********** * Fractal * ***********/ button.osd.scroll_button { margin: 4px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } overlay > revealer.left > scrolledwindow.frame { margin-right: 32px; } overlay > revealer.right > scrolledwindow.frame { margin-left: 32px; } .terminix-session-sidebar, .tilix-session-sidebar { background-image: image(#FFFFFF); } .terminal-titlebar button { border-radius: 0; } button.image-button.session-new-button { min-width: 28px; } notebook.tilix-background tab > box > stack { margin: -6px; } button.flat.tilix-small-button { min-height: 20px; min-width: 16px; } /************** * Terminator * **************/ .terminator-terminal-window paned > separator { background-color: #F2F2F2; } .terminator-terminal-window notebook.frame { border-style: none; } /************* * Ubitquity * *************/ #live_installer .menubar progressbar trough { border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); } /*********** * Eclipse * ***********/ window.background > box.vertical > scrolledwindow > widget toolbar { padding: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar separator, window.background > box.vertical > scrolledwindow > widget toolbar button { margin: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar button { border-radius: 4px; } /************ * Chromium * ************/ window.background.chromium { background-color: #FFFFFF; } window.background.chromium entry, window.background.chromium > button { border: 1px solid rgba(0, 0, 0, 0.26); } window.background.chromium > button { color: #1A73E8; } window.background.chromium > button:disabled { color: rgba(0, 0, 0, 0.26); } window.background.chromium menubar, window.background.chromium headerbar { color: rgba(0, 0, 0, 0.6); } window.background.chromium headerbar button:active { background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #1A73E8; } window.background.chromium textview.view { background-color: transparent; } window.background.chromium treeview.view.cell:selected:focus { background-color: #1A73E8; color: white; } window.background.chromium treeview.view button { border: 1px solid rgba(0, 0, 0, 0.26); background-color: #FFFFFF; } tooltip.background.chromium { background-color: #616161; } /*********** * Firefox * ***********/ #MozillaGtkWidget > widget text { background-color: #FFFFFF; } #MozillaGtkWidget > widget text:selected { background-color: #1A73E8; color: white; } #MozillaGtkWidget > widget > separator { color: rgba(0, 0, 0, 0.12); } #MozillaGtkWidget > widget > frame > border { border-color: #b3b3b3; } #MozillaGtkWidget > widget > entry, #MozillaGtkWidget > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 4px; box-shadow: none; } #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { border-color: rgba(0, 0, 0, 0.12); } #MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #FFFFFF; } #MozillaGtkWidget > widget > entry:focus { border-color: #1A73E8; box-shadow: inset 0 0 0 1px #1A73E8; } #MozillaGtkWidget > widget > entry:disabled { background-color: #FAFAFA; } #MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } #MozillaGtkWidget > widget > button > button:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } #MozillaGtkWidget > widget > checkbutton > check, #MozillaGtkWidget > widget > radiobutton > radio { margin: 0; padding: 0; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } #MozillaGtkWidget menu { border: none; } #MozillaGtkWidget menuitem label:disabled { color: rgba(0, 0, 0, 0.38); } #MozillaGtkWidget > widget > menubar { color: rgba(0, 0, 0, 0.6); } #MozillaGtkWidget > widget > menubar:hover { color: rgba(0, 0, 0, 0.87); } #MozillaGtkWidget > widget > menubar:disabled { color: rgba(0, 0, 0, 0.26); } #MozillaGtkWidget > widget > frame { color: rgba(0, 0, 0, 0.26); } #MozillaGtkWidget 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: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { border-width: 4px; } #ToolboxCommon > toolbar.vertical { margin-top: -4px; } #ToolboxCommon > toolbar.vertical button { min-height: 24px; min-width: 24px; padding: 4px; border-radius: 4px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #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 * ***********/ /********* * 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: #1A73E8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } UnityDecoration .top:backdrop { background-color: #D6D6D6; color: rgba(0, 0, 0, 0.6); } UnityDecoration .menuitem { border-radius: 4px 4px 0 0; box-shadow: none; color: rgba(0, 0, 0, 0.6); } UnityDecoration .menuitem:hover { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #CCCCCC; color: rgba(0, 0, 0, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(0, 0, 0, 0.6); } .unity-panel.menuitem, .unity-panel .menuitem { color: rgba(0, 0, 0, 0.6); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { background-color: alpha(currentColor, 0.12); 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: #1A73E8; } /************** * 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); color: rgba(255, 255, 255, 0.7); font-weight: 500; } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .mate-panel-menu-bar button:drop(active), .mate-panel-menu-bar button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .mate-panel-menu-bar button:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar button:checked { color: white; } .mate-panel-menu-bar button:checked:disabled { color: rgba(255, 255, 255, 0.5); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px); background-repeat: no-repeat; background-size: 4px 10px; color: rgba(255, 255, 255, 0.3); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(ltr) { background-position: 3px; } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(rtl) { background-position: calc(100% - 3px); } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { color: white; } .mate-panel-menu-bar menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { padding: 0 8px; } .mate-panel-menu-bar.vertical menubar > menuitem { padding: 8px 0; } .mate-panel-menu-bar menubar menu > menuitem { min-height: 28px; padding: 0 6px; } .mate-panel-menu-bar #PanelApplet button { -GtkWidget-window-dragging: true; } .mate-panel-menu-bar #tasklist-button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #1A73E8; } .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: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow calendar { border-style: none; } #MatePanelPopupWindow calendar:not(:selected) { background-color: transparent; } #MatePanelPopupWindow calendar + box { margin-top: -5px; padding-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow expander > title { min-height: 32px; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow > frame > box > box > box > widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button:not(.flat) { background-color: alpha(currentColor, 0.12); } #mate-menu button image, #mate-menu button label + label { color: rgba(0, 0, 0, 0.6); } #mate-menu entry { margin: 0 0 4px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 4px; padding: 4px; } .brisk-menu { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .brisk-menu entry { margin-bottom: -2px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; box-shadow: none; background-color: transparent; } .brisk-menu entry + box > box:dir(ltr) { margin-right: -2px; border-right: 1px solid rgba(0, 0, 0, 0.12); } .brisk-menu entry + box > box:dir(rtl) { margin-left: -2px; border-left: 1px solid rgba(0, 0, 0, 0.12); } .brisk-menu .categories-list { padding-top: 4px; } .brisk-menu .categories-list button { margin: 0 4px; } .brisk-menu .categories-list button:checked { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .brisk-menu .categories-list button:checked:drop(active), .brisk-menu .categories-list button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .brisk-menu .categories-list button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .brisk-menu .categories-list button:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .brisk-menu .session-button { padding: 8px; } .brisk-menu .frame { border-style: none; } .brisk-menu .apps-list { padding: 4px 0; background-color: transparent; } .brisk-menu .apps-list row { padding: 0; } .brisk-menu .apps-list row:hover { box-shadow: none; } .brisk-menu .apps-list button { border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } /********************* * CAJA File manager * *********************/ .caja-navigation-window box.horizontal > button.toggle.image-button { border-radius: 4px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button.slider-button { min-width: 24px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-canvas-item { border-radius: 4px; } .caja-desktop.view .entry, .caja-navigation-window .view .entry { border: none; border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); background-image: none; color: rgba(0, 0, 0, 0.87); } .caja-desktop.view .entry:selected, .caja-navigation-window .view .entry:selected { background-color: rgba(26, 115, 232, 0.24); } .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } .caja-desktop.view .entry:selected { background-color: rgba(26, 115, 232, 0.24); } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } #caja-extra-view-widget > box > box > label { font-weight: bold; } #caja-extra-view-widget button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #caja-extra-view-widget button:not(:disabled):drop(active), #caja-extra-view-widget button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #caja-extra-view-widget button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #caja-extra-view-widget button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .lock-dialog frame > border { border-style: none; } .lock-dialog button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .lock-dialog button:not(:disabled):drop(active), .lock-dialog button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .lock-dialog button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .lock-dialog button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } MsdOsdWindow.background.osd .trough { border-radius: 0; background-color: rgba(255, 255, 255, 0.12); } MsdOsdWindow.background.osd .progressbar { border-radius: 0; background-color: white; } /****************** * Budgie Desktop * ******************/ .budgie-container { background-color: transparent; } .budgie-settings-window buttonbox.inline-toolbar { border-style: none none solid; } .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; } .budgie-popover { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .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 button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.budgie-menu .sidebar, .budgie-popover.budgie-menu scrollbar, .budgie-popover.budgie-menu entry.search { background-color: transparent; } .budgie-popover.budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-popover.budgie-menu button.flat:not(.image-button) { min-height: 32px; padding: 0 8px; border-radius: 0; } .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active), .budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } .budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled { background-color: transparent; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .name-button image:dir(ltr) { margin-right: 3px; } .budgie-popover.places-menu .name-button image:dir(rtl) { margin-left: 3px; } .budgie-popover.places-menu .unmount-button { margin: 2px; padding: 0; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { box-shadow: none; } .workspace-switcher .workspace-add-button:active { background-image: none; } .workspace-switcher .workspace-add-button:active image { margin: 1px 0 -1px; } .budgie-panel .workspace-switcher .workspace-icon-button { min-height: 24px; min-width: 24px; padding: 0; border-radius: 4px; } .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: 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; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .budgie-panel button:drop(active), .budgie-panel button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-panel button:disabled { color: rgba(255, 255, 255, 0.3); } .budgie-panel button:checked { color: white; } .budgie-panel button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(255, 255, 255, 0.3); } .budgie-panel .alert { color: #8AB4F8; } .budgie-panel .titlebar:not(headerbar) { min-height: 0; padding: 0; box-shadow: none; background-color: transparent; color: white; } .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } .top frame.raven-frame > border { margin-bottom: 32px; } .bottom frame.raven-frame > border { margin-top: 32px; } .left frame.raven-frame > border { margin-right: 32px; } .right frame.raven-frame > border { margin-left: 32px; } .raven { background-color: #FFFFFF; } .raven list { background-color: transparent; } .raven > box:not(:only-child) { margin-bottom: -10px; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .raven .raven-header.top stackswitcher.linked > button { margin: -4px 0 -5px; padding: 0 16px; min-height: 40px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven .raven-header.top stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven stack .raven-header { margin-top: -6px; } .raven stack scrolledwindow .raven-header { margin-top: -8px; } .raven .expander-button { border-radius: 9999px; } .raven .raven-background stackswitcher.linked > button { margin: -2px 8px 9px; padding: 0 12px; min-height: 32px; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.08); font-weight: normal; } .raven .raven-background stackswitcher.linked > button:checked { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .raven .raven-background stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .raven .raven-background stackswitcher.linked > button:not(:first-child) { margin-left: 0; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.08); } .raven revealer > .raven-background { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .raven .raven-header + .raven-background { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame > list > row { padding: 0; box-shadow: none; background: none; } .raven viewport.frame > list > row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame > list > row > box { margin-top: -5px; margin-left: -5px; margin-bottom: -5px; } .raven viewport.frame > list > row > box > box { padding: 6px; margin-bottom: -10px; } .raven viewport.frame > list > row > box > list > row { padding: 8px; } .raven viewport.frame > list > row > box > list > row > box { margin-bottom: -5px; } .raven viewport.frame > list > row > box > list > row > box > box > label { font-weight: bold; } .raven viewport.frame > list > row > box > list > row > box > box > button.image-button { padding: 0; } .raven viewport.frame > list > row > box > list > row > box > label { margin-top: -6px; font-size: smaller; } .raven .powerstrip button { margin: 2px 0 1px; padding: 8px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 4px; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: white; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 8px; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .raven-mpris button.image-button:drop(active), .raven-mpris button.image-button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-notification .notification-body, .budgie-switcher .notification-body { color: rgba(0, 0, 0, 0.6); } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .drop-shadow button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .drop-shadow button.text-button:not(:disabled):drop(active), .drop-shadow button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .drop-shadow button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .drop-shadow button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .drop-shadow .linked > button { margin-right: 4px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 4px; } .budgie-session-dialog > box { padding: 8px; } .budgie-session-dialog image { margin: -8px; -gtk-icon-transform: scale(0); } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { margin-bottom: 8px; font-size: 20px; font-weight: 500; } .budgie-session-dialog .dialog-title + label { color: rgba(0, 0, 0, 0.6); } .budgie-session-dialog .linked.horizontal > button:not(:last-child) { margin-right: 8px; } .budgie-session-dialog .linked.horizontal > button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .budgie-session-dialog .linked.horizontal > button:not(:disabled):drop(active), .budgie-session-dialog .linked.horizontal > button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.6); } .budgie-polkit-dialog .failure { color: #D93025; } .budgie-run-dialog entry.search { font-size: 120%; padding: 4px 12px; border-image: none; box-shadow: none; background-color: transparent; } .budgie-run-dialog list { padding: 4px 0; background-color: transparent; } .budgie-run-dialog list .dim-label { color: inherit; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-run-dialog scrollbar.right, .budgie-run-dialog scrollbar.bottom { border-bottom-right-radius: 4px; } .budgie-run-dialog scrollbar.left, .budgie-run-dialog scrollbar.bottom { border-bottom-left-radius: 4px; } /************** * Xfce4 Apps * **************/ .XfceHeading { background-color: #FFFFFF; } /*************** * xfce4-panel * ***************/ .xfce4-panel.background { border: none; background-color: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.7); font-weight: 500; } .xfce4-panel.background button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .xfce4-panel.background button:drop(active), .xfce4-panel.background button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } .xfce4-panel.background button:checked { color: white; } .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button:checked { border-image: image(currentColor) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button image { padding: 4px; } .xfce4-panel.background frame > border { border-style: none; } .xfce4-panel.background progressbar progress { background-color: #8AB4F8; } .xfce4-panel.background progressbar trough { background-color: rgba(255, 255, 255, 0.12); } wnck-pager:hover { background-color: alpha(currentColor, 0.08); } wnck-pager:active { background-color: alpha(currentColor, 0.12); } wnck-pager:selected { background-color: #1A73E8; } XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { box-shadow: none; } XfdesktopIconView.view .rubberband { border-radius: 0; } #XfceNotifyWindow { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #XfceNotifyWindow buttonbox button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #XfceNotifyWindow buttonbox button:not(:disabled):drop(active), #XfceNotifyWindow buttonbox button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } #XfceNotifyWindow label#summary { font-weight: bold; } #XfceNotifyWindow label#summary + label { color: rgba(0, 0, 0, 0.6); } #xfwm-tabwin { padding: 12px; border-radius: 4px; -XfwmTabwinWidget-icon-size: 64px; -XfwmTabwinWidget-preview-size: 64px; } /********** * Thunar * **********/ .thunar #location-toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .thunar #location-toolbar > toolitem > button { min-width: 24px; padding: 4px; border-radius: 9999px; } .thunar .shortcuts-pane.frame, .thunar .standard-view.frame { border-style: none; } .thunar .sidebar .view:not(:selected) { background-color: transparent; } .thunar statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: white; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: white; } #panel_window menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 4px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #content_frame { padding-bottom: 16px; } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame > box, #buttonbox_frame > buttonbox { margin: -16px; } #buttonbox_frame button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #buttonbox_frame button:not(:disabled):drop(active), #buttonbox_frame button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #buttonbox_frame button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #buttonbox_frame button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /******** * Nemo * ********/ .nemo-window .primary-toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .nemo-window .primary-toolbar stack > box { margin: -2px; } .nemo-window .primary-toolbar button.text-button { padding-left: 8px; padding-right: 8px; } .nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { padding-left: 4px; padding-right: 4px; } .nemo-window scrolledwindow.frame { border-style: none; } .nemo-window scrolledwindow.frame .view:not(:selected) { background-color: transparent; } .nemo-window infobar { margin-top: -6px; } .nemo-window .nemo-inactive-pane .view:not(:selected) { background-color: #FAFAFA; } .nemo-window .nemo-window-pane widget.entry { border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); } .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: gainsboro; -NemoPlacesTreeView-disk-full-fg-color: #1A73E8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; -NemoPlacesTreeView-disk-full-max-length: 80px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color 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 #F2F2F2; /* 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 #1A73E8; /* text/foreground color of selections */ @define-color theme_selected_fg_color white; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #F2F2F2; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #FAFAFA; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #F2F2F2; /* 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 #1A73E8; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color white; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #F4B400; @define-color error_color #D93025; @define-color success_color #0F9D58; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title rgba(0, 0, 0, 0.87); @define-color wm_unfocused_title rgba(0, 0, 0, 0.6); @define-color wm_highlight rgba(255, 255, 255, 0.4); @define-color wm_bg #E0E0E0; @define-color wm_unfocused_bg #D6D6D6; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #666666; materia-theme-20200320/src/gtk/3.0/gtk-light-compact.scss000066400000000000000000000004241363503524500225630ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'true'; @import '../../_sass/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-20200320/src/gtk/3.0/gtk-light.css000066400000000000000000005765641363503524500210030ustar00rootroot00000000000000@keyframes ripple { to { background-size: 1000% 1000%; } } @keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } @keyframes ripple-on-headerbar { from { background-image: radial-gradient(circle, #1A73E8 0%, transparent 0%); } to { background-image: radial-gradient(circle, #1A73E8 100%, transparent 0%); } } button, modelbutton.flat, .menuitem.button.flat, notebook > header > tabs > arrow, check, radio, row.activatable { transition-property: all, border-image, background-size, background-image; transition-duration: 75ms, 225ms, 300ms, 1200ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); outline: none; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } button:active, modelbutton.flat:active, .menuitem.button.flat:active, notebook > header > tabs > arrow:active, check:active, radio:active, row.activatable:active { transition-duration: 75ms, 225ms, 0ms, 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-size: 0% 0%; } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #D93025; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 6; -GtkDialog-action-area-border: 6; -gtk-secondary-caret-color: #1A73E8; outline: 2px solid transparent; outline-offset: -4px; -gtk-outline-radius: 4px; } *:focus { outline-color: alpha(currentColor, 0.12); } /*************** * Base States * ***************/ .background { background-color: #F2F2F2; 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: #F2F2F2; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e5e5e5; } .gtkstyle-fallback:active { background-color: #d9d9d9; } .gtkstyle-fallback:disabled { color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #1A73E8; color: white; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } .view:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:selected { border-radius: 4px; } textview text { background-color: #FFFFFF; caret-color: #1A73E8; } textview border { background-color: #FAFAFA; color: rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 4px; } .content-view .tile:selected { background-color: transparent; } label { caret-color: #1A73E8; } label.separator { color: rgba(0, 0, 0, 0.6); } label:disabled { color: rgba(0, 0, 0, 0.38); } headerbar label:disabled, menuitem label:disabled, tab label:disabled, button label:disabled { color: inherit; } label.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } .dim-label { color: rgba(0, 0, 0, 0.6); } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 36px; padding: 0 12px; color: rgba(0, 0, 0, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(0, 0, 0, 0.87); } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; color: #1A73E8; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:disabled { color: rgba(0, 0, 0, 0.26); } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 36px; padding: 0 8px; border-radius: 4px 4px 0 0; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } spinbutton:focus:not(.vertical), entry:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 2/0 0 2px; } spinbutton:drop(active):not(.vertical), entry:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; border-radius: 0; background-color: transparent; } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.6); } 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, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #D93025; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #D93025; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 100%, transparent 0%) 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F4B400; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #F4B400; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 100%, transparent 0%) 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; border-bottom: 2px solid #1A73E8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #D93025; color: white; caret-color: white; } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { color: white; } spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #F4B400; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { color: rgba(0, 0, 0, 0.38); } treeview entry, treeview entry.flat { background-color: #FFFFFF; } treeview entry, treeview entry:focus, treeview entry.flat, treeview entry.flat:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 2px; border-radius: 9999px; box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.87); } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 4px; margin-right: 0; padding-left: 12px; padding-right: 8px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: 0; margin-right: 4px; padding-left: 8px; padding-right: 12px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.6); } /*********** * Buttons * ***********/ @keyframes needs-attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1A73E8), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 6px 10px; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-weight: 500; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:drop(active), button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:active { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button:checked { background-color: #dae9fb; color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:checked:drop(active), button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:active { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button:checked:disabled { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.text-button { min-width: 32px; padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 6px; border-radius: 9999px; } button.text-button.image-button { min-width: 24px; padding: 6px; border-radius: 4px; } button.text-button.image-button label:first-child { margin-left: 10px; } button.text-button.image-button label:last-child { margin-right: 10px; } button.text-button.image-button image:not(:only-child) { margin: 0 4px; } toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, #caja-extra-view-widget button, .lock-dialog button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, #buttonbox_frame button, button.flat, combobox > .linked:not(.vertical) > button:not(:only-child), layouttabbar button, .message-input-area button, .caja-navigation-window box.horizontal > button.toggle.image-button, .raven .raven-header.top stackswitcher.linked > button, .raven .raven-background stackswitcher.linked > button, .nemo-window .toolbar button, spinbutton:not(.vertical) button, spinbutton.vertical button, .caja-pathbar button, .path-bar.linked:not(.vertical) > button, scrollbar button, button.sidebar-button, .gedit-search-slider .linked:not(.vertical) > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button { background-color: transparent; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:drop(active), popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:drop(active), infobar.question button:drop(active), #caja-extra-view-widget button:drop(active), .lock-dialog button:drop(active), .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:drop(active), #buttonbox_frame button:drop(active), button.flat:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), layouttabbar button:drop(active), .message-input-area button:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:drop(active), .raven .raven-header.top stackswitcher.linked > button:drop(active), .raven .raven-background stackswitcher.linked > button:drop(active), .nemo-window .toolbar button:drop(active), spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:drop(active), .caja-pathbar button:drop(active), .path-bar.linked:not(.vertical) > button:drop(active), scrollbar button:drop(active), button.sidebar-button:drop(active), .gedit-search-slider .linked:not(.vertical) > button:drop(active), popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:drop(active), #mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:drop(active), toolbar button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, popover.background button.model:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), .app-notification button:hover, .dialog-action-box button:hover, filechooser #pathbarbox > stack > box > button:hover, infobar.info button:hover, infobar.question button:hover, #caja-extra-view-widget button:hover, .lock-dialog button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, #buttonbox_frame button:hover, button.flat:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), layouttabbar button:hover, .message-input-area button:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:hover, .raven .raven-header.top stackswitcher.linked > button:hover, .raven .raven-background stackswitcher.linked > button:hover, .nemo-window .toolbar button:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, .caja-pathbar button:hover, .path-bar.linked:not(.vertical) > button:hover, scrollbar button:hover, button.sidebar-button:hover, .gedit-search-slider .linked:not(.vertical) > button:hover, popover.messagepopover .popover-action-area button:hover, #MatePanelPopupWindow button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, #caja-extra-view-widget button:focus, .lock-dialog button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, #buttonbox_frame button:focus, button.flat:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), layouttabbar button:focus, .message-input-area button:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:focus, .raven .raven-header.top stackswitcher.linked > button:focus, .raven .raven-background stackswitcher.linked > button:focus, .nemo-window .toolbar button:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, .caja-pathbar button:focus, .path-bar.linked:not(.vertical) > button:focus, scrollbar button:focus, button.sidebar-button:focus, .gedit-search-slider .linked:not(.vertical) > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, #caja-extra-view-widget button:active, .lock-dialog button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, #buttonbox_frame button:active, button.flat:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), layouttabbar button:active, .message-input-area button:active, .caja-navigation-window box.horizontal > button.toggle.image-button:active, .raven .raven-header.top stackswitcher.linked > button:active, .raven .raven-background stackswitcher.linked > button:active, .nemo-window .toolbar button:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, .caja-pathbar button:active, .path-bar.linked:not(.vertical) > button:active, scrollbar button:active, button.sidebar-button:active, .gedit-search-slider .linked:not(.vertical) > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, #caja-extra-view-widget button:disabled, .lock-dialog button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, #buttonbox_frame button:disabled, button.flat:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), layouttabbar button:disabled, .message-input-area button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, .raven .raven-header.top stackswitcher.linked > button:disabled, .raven .raven-background stackswitcher.linked > button:disabled, .nemo-window .toolbar button:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, .caja-pathbar button:disabled, .path-bar.linked:not(.vertical) > button:disabled, scrollbar button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked:not(.vertical) > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); } toolbar button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, #caja-extra-view-widget button:checked, .lock-dialog button:checked, .drop-shadow button:checked, .budgie-session-dialog .linked.horizontal > button:checked, #buttonbox_frame button:checked, button.flat:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), layouttabbar button:checked, .message-input-area button:checked, .caja-navigation-window box.horizontal > button.toggle.image-button:checked, .raven .raven-header.top stackswitcher.linked > button:checked, .raven .raven-background stackswitcher.linked > button:checked, .nemo-window .toolbar button:checked { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:drop(active), popover.background button.model:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:checked:drop(active), .dialog-action-box button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), infobar.info button:checked:drop(active), infobar.question button:checked:drop(active), #caja-extra-view-widget button:checked:drop(active), .lock-dialog button:checked:drop(active), .drop-shadow button:checked:drop(active), .budgie-session-dialog .linked.horizontal > button:checked:drop(active), #buttonbox_frame button:checked:drop(active), button.flat:checked:drop(active), combobox > .linked:not(.vertical) > button:checked:drop(active):not(:only-child), layouttabbar button:checked:drop(active), .message-input-area button:checked:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:checked:drop(active), .raven .raven-header.top stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:drop(active), .nemo-window .toolbar button:checked:drop(active), toolbar button:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:hover, popover.background button.model:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), .app-notification button:checked:hover, .dialog-action-box button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, infobar.info button:checked:hover, infobar.question button:checked:hover, #caja-extra-view-widget button:checked:hover, .lock-dialog button:checked:hover, .drop-shadow button:checked:hover, .budgie-session-dialog .linked.horizontal > button:checked:hover, #buttonbox_frame button:checked:hover, button.flat:checked:hover, combobox > .linked:not(.vertical) > button:checked:hover:not(:only-child), layouttabbar button:checked:hover, .message-input-area button:checked:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover, .raven .raven-header.top stackswitcher.linked > button:checked:hover, .raven .raven-background stackswitcher.linked > button:checked:hover, .nemo-window .toolbar button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:focus, popover.background button.model:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), .app-notification button:checked:focus, .dialog-action-box button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, infobar.info button:checked:focus, infobar.question button:checked:focus, #caja-extra-view-widget button:checked:focus, .lock-dialog button:checked:focus, .drop-shadow button:checked:focus, .budgie-session-dialog .linked.horizontal > button:checked:focus, #buttonbox_frame button:checked:focus, button.flat:checked:focus, combobox > .linked:not(.vertical) > button:checked:focus:not(:only-child), layouttabbar button:checked:focus, .message-input-area button:checked:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:focus, .raven .raven-header.top stackswitcher.linked > button:checked:focus, .raven .raven-background stackswitcher.linked > button:checked:focus, .nemo-window .toolbar button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:active, popover.background button.model:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), .app-notification button:checked:active, .dialog-action-box button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, infobar.info button:checked:active, infobar.question button:checked:active, #caja-extra-view-widget button:checked:active, .lock-dialog button:checked:active, .drop-shadow button:checked:active, .budgie-session-dialog .linked.horizontal > button:checked:active, #buttonbox_frame button:checked:active, button.flat:checked:active, combobox > .linked:not(.vertical) > button:checked:active:not(:only-child), layouttabbar button:checked:active, .message-input-area button:checked:active, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:active, .raven .raven-header.top stackswitcher.linked > button:checked:active, .raven .raven-background stackswitcher.linked > button:checked:active, .nemo-window .toolbar button:checked:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } toolbar button:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, #caja-extra-view-widget button:checked:disabled, .lock-dialog button:checked:disabled, .drop-shadow button:checked:disabled, .budgie-session-dialog .linked.horizontal > button:checked:disabled, #buttonbox_frame button:checked:disabled, button.flat:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), layouttabbar button:checked:disabled, .message-input-area button:checked:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:disabled, .raven .raven-header.top stackswitcher.linked > button:checked:disabled, .raven .raven-background stackswitcher.linked > button:checked:disabled, .nemo-window .toolbar button:checked:disabled { color: rgba(0, 0, 0, 0.38); } toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, #caja-extra-view-widget button.text-button, .lock-dialog button.text-button, .drop-shadow button.text-button, .budgie-session-dialog .linked.horizontal > button.text-button, #buttonbox_frame button.text-button, button.flat.text-button { min-width: 48px; padding-left: 8px; padding-right: 8px; } toolbar button.text-button.image-button, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button.image-button, popover.background button.text-button.image-button.model, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button.image-button, .dialog-action-box button.text-button.image-button, filechooser #pathbarbox > stack > box > button.text-button.image-button, infobar.info button.text-button.image-button, infobar.question button.text-button.image-button, #caja-extra-view-widget button.text-button.image-button, .lock-dialog button.text-button.image-button, .drop-shadow button.text-button.image-button, .budgie-session-dialog .linked.horizontal > button.text-button.image-button, #buttonbox_frame button.text-button.image-button, button.flat.text-button.image-button { min-width: 24px; padding: 6px; } toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, #caja-extra-view-widget button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .drop-shadow button.text-button.image-button label:first-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:first-child, #buttonbox_frame button.text-button.image-button label:first-child, button.flat.text-button.image-button label:first-child { margin-left: 6px; } toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, #caja-extra-view-widget button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .drop-shadow button.text-button.image-button label:last-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:last-child, #buttonbox_frame button.text-button.image-button label:last-child, button.flat.text-button.image-button label:last-child { margin-right: 6px; } toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .drop-shadow .linked:not(.vertical) > button:not(:only-child), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child), popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), infobar.info .linked.vertical > button:not(:only-child), infobar.question .linked.vertical > button:not(:only-child), #caja-extra-view-widget .linked.vertical > button:not(:only-child), .lock-dialog .linked.vertical > button:not(:only-child), .drop-shadow .linked.vertical > button:not(:only-child), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child), #buttonbox_frame .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { border-radius: 4px; } toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked.vertical > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked.vertical > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } button.osd { padding: 12px 16px; } button.osd.image-button { padding: 12px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #1A73E8; color: white; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:drop(active), button.suggested-action:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:active { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #3584eb; } button.suggested-action.flat { background-color: transparent; color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } button.suggested-action.flat:drop(active), button.suggested-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.suggested-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.suggested-action.flat:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } button.suggested-action.flat:checked { background-color: rgba(26, 115, 232, 0.12); } button.destructive-action { background-color: #D93025; color: white; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:drop(active), button.destructive-action:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:active { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #de493f; } button.destructive-action.flat { background-color: transparent; color: #D93025; box-shadow: inset 0 0 0 9999px transparent; } button.destructive-action.flat:drop(active), button.destructive-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } button.destructive-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } button.destructive-action.flat:active { background-image: radial-gradient(circle, rgba(217, 48, 37, 0.16) 10%, transparent 0%); } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } button.destructive-action.flat:checked { background-color: rgba(217, 48, 37, 0.12); } .stack-switcher > button > label { margin: 0 -6px; padding: 0 6px; } .stack-switcher > button > image { margin: -3px -6px; padding: 3px 6px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .inline-toolbar button:not(.text-button) { border-radius: 9999px; } .primary-toolbar button { -gtk-icon-shadow: none; } button.close, button.circular { border-radius: 9999px; } 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 .linked:not(.vertical) > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { animation: needs-attention 225ms 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.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; } .linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; } .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } .linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } .linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 4px; box-shadow: inset 0 0 0 9999px transparent; } modelbutton.flat:drop(active), modelbutton.flat:hover, .menuitem.button.flat:drop(active), .menuitem.button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } modelbutton.flat:focus, .menuitem.button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } modelbutton.flat:active, .menuitem.button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 24px; min-width: 24px; padding: 6px; } /********* * Links * *********/ *:link { color: #1A73E8; } *:visited { color: #9C27B0; } button.link:link { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } button.link:link:drop(active), button.link:link:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.link:link:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.link:link:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.link:visited { color: #9C27B0; box-shadow: inset 0 0 0 9999px transparent; } button.link:visited:drop(active), button.link:visited:hover { box-shadow: inset 0 0 0 9999px rgba(156, 39, 176, 0.12); } button.link:visited:focus { box-shadow: inset 0 0 0 9999px rgba(156, 39, 176, 0.12); } button.link:visited:active { background-image: radial-gradient(circle, rgba(156, 39, 176, 0.16) 10%, transparent 0%); } button.link > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } spinbutton:not(.vertical) entry { min-width: 32px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -3px; } spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { margin-right: -3px; } spinbutton.vertical { caret-color: #1A73E8; } spinbutton.vertical:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry { min-height: 36px; min-width: 48px; padding: 0; } spinbutton.vertical button { min-height: 36px; min-width: 48px; padding: 0; } spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 4px 4px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: -2px; } combobox button.combo cellview:dir(rtl) { margin-right: -2px; } combobox menu { padding: 2px 0; } combobox menu menuitem { min-height: 32px; padding: 0 8px; } combobox menu > arrow.top { margin-top: -2px; } combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } combobox > .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { margin-right: -36px; padding-right: 36px; } combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { margin-left: -36px; padding-left: 36px; } combobox > .linked:not(.vertical) > button:not(:only-child) { min-height: 16px; min-width: 16px; margin: 6px; padding: 4px; border-radius: 9999px; } button.combo:only-child { border-radius: 4px 4px 0 0; font-weight: normal; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } button.combo:only-child:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } button.combo:only-child:drop(active), button.combo:only-child:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } button.combo:only-child:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 2/0 0 2px; } button.combo:only-child:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #F2F2F2; } .osd toolbar { background-color: transparent; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.osd.bottom { box-shadow: none; background-color: transparent; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FAFAFA; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F2F2F2; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } .titlebar:disabled { color: rgba(0, 0, 0, 0.38); } .titlebar:backdrop { background-color: #D6D6D6; color: rgba(0, 0, 0, 0.6); } .titlebar:backdrop:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar .subtitle { padding-left: 12px; padding-right: 12px; font-size: smaller; } .titlebar .subtitle, .titlebar .dim-label { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(0, 0, 0, 0.6); } .titlebar .subtitle:backdrop, .titlebar .dim-label:backdrop { color: rgba(0, 0, 0, 0.38); } .titlebar .titlebar { background-color: transparent; box-shadow: none; } .titlebar headerbar + separator { background-color: rgba(0, 0, 0, 0.12); } .titlebar entry { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .titlebar entry:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } .titlebar entry image { color: rgba(0, 0, 0, 0.6); } .titlebar entry image:hover, .titlebar entry image:active { color: rgba(0, 0, 0, 0.87); } .titlebar entry image:disabled { color: rgba(0, 0, 0, 0.38); } .titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } .titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } .titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } .titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(0, 0, 0, 0.26); } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(0, 0, 0, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(0, 0, 0, 0.6); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } .titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { min-width: 104px; } .titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; padding-left: 6px; padding-right: 6px; } .titlebar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; color: white; } .titlebar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode .subtitle:link { color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .titlebar .selection-mode { box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; } .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .titlebar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } .tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { box-shadow: none; } .titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } headerbar { min-height: 48px; padding: 0 6px; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar separator.titlebutton { margin-top: 12px; margin-bottom: 12px; background-color: rgba(0, 0, 0, 0.12); } headerbar switch { margin-top: 12px; margin-bottom: 12px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag { margin-top: 5px; margin-bottom: 5px; } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar.linked:not(.vertical) > button { padding-left: 6px; padding-right: 6px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 4px; } .caja-pathbar button:checked, .path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(0, 0, 0, 0.87); } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, .path-bar.linked:not(.vertical) > button:checked, .path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, .path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, .path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -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 { background-color: #FFFFFF; background-image: image(rgba(26, 115, 232, 0.24)); } treeview.view:hover, 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: 9999px; border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.6); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.progressbar { border-bottom: 4px solid #1A73E8; box-shadow: none; background-color: transparent; background-image: none; } treeview.view.progressbar:selected:hover { box-shadow: none; } treeview.view.trough { border-bottom: 4px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: transparent; background-image: none; } treeview.view.trough:selected:hover { box-shadow: none; } 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; color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } treeview.view header button:drop(active), treeview.view header button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } treeview.view header button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } treeview.view header button:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } treeview.view header button:drop(active):not(:active), treeview.view header button:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } treeview.view header button:disabled { color: rgba(0, 0, 0, 0.26); } 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: #1A73E8; } treeview.view acceleditor > label { background-color: #1A73E8; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } menubar:backdrop, .menubar:backdrop { background-color: #D6D6D6; color: rgba(0, 0, 0, 0.6); } .csd menubar, .csd .menubar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } menubar > menuitem, .menubar > menuitem { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.6); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(0, 0, 0, 0.26); } .background.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; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 4px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; color: rgba(0, 0, 0, 0.87); font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: alpha(currentColor, 0.08); } 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; color: rgba(0, 0, 0, 0.6); } menu menuitem arrow:disabled, .menu menuitem arrow:disabled, .context-menu menuitem arrow:disabled { color: rgba(0, 0, 0, 0.26); } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.6); } 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: 4px 4px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 4px 4px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(alpha(currentColor, 0.08)); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.6); } menuitem:disabled accelerator { color: rgba(0, 0, 0, 0.26); } /************ * Popovers * ************/ popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } popover.background:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } popover.background, .csd popover.background { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; } 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 list, popover.background .view:not(:selected), popover.background toolbar { background-color: #FFFFFF; } popover.background.menu button, popover.background button.model { min-height: 32px; padding: 0 8px; border-radius: 4px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ frame > paned > notebook > header, notebook.frame > header { background-color: #FAFAFA; } notebook:focus tab:checked { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F2F2F2; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab { border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px; } notebook > header.top > tabs > tab:checked { border-image-source: linear-gradient(to top, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.top > tabs > tab.reorderable-page { border-image-width: 0 1px 2px; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab { border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0; } notebook > header.bottom > tabs > tab:checked { border-image-source: linear-gradient(to bottom, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { border-image-width: 2px 1px 0; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab { border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0; } notebook > header.left > tabs > tab:checked { border-image-source: linear-gradient(to left, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.left > tabs > tab.reorderable-page { border-image-width: 1px 2px 1px 0; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab { border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px; } notebook > header.right > tabs > tab:checked { border-image-source: linear-gradient(to right, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.right > tabs > tab.reorderable-page { border-image-width: 1px 0 1px 2px; } 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; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } notebook > header > tabs > arrow:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } notebook > header > tabs > arrow:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } notebook > header > tabs > arrow:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 6px 12px; border-width: 1px; border-color: transparent; outline: none; background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; background-clip: border-box; color: rgba(0, 0, 0, 0.6); font-weight: 500; } notebook > header tab:hover { background-color: alpha(currentColor, 0.08); } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; 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 > box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: -6px -12px; padding: 6px 12px; } notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); } 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 { 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 { border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.6); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { margin: 2px 0; } scrollbar.fine-tune.vertical slider { margin: 0 2px; } scrollbar.overlay-indicator:not(.fine-tune) slider { transition-property: background-color, min-height, min-width; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.26); background-clip: padding-box; font-size: 0; } switch:checked { background-color: rgba(26, 115, 232, 0.5); } switch:disabled { opacity: 0.5; } switch image { margin: -8px; -gtk-icon-transform: scale(0); } switch slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline: none; box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FFFFFF; } switch:hover slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:checked slider { background-color: #1A73E8; color: #1A73E8; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view:not(list) .tile check { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view:not(list) .tile check:hover, .content-view:not(list) .tile check:active { -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), .content-view:not(list) .tile check { -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:not(list) .tile check:checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton, radiobutton { outline: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; border-radius: 9999px; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } check:drop(active), check:hover, radio:drop(active), radio:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } check:focus, radio:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } check:active, radio:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover, radio:checked:drop(active), radio:checked:hover, radio:indeterminate:drop(active), radio:indeterminate:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } check:checked:focus, check:indeterminate:focus, radio:checked:focus, radio:indeterminate:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } check:disabled, radio:disabled { color: rgba(0, 0, 0, 0.26); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { transition: none; box-shadow: none; background-image: none; } popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check, 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; border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#1A73E8), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent)); } #MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } treeview.view check, treeview.view radio { padding: 0; color: rgba(0, 0, 0, 0.6); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #1A73E8; } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover, treeview.view radio, treeview.view radio:hover, treeview.view radio:selected, treeview.view radio:selected:hover { box-shadow: none; background-color: transparent; } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 2px; min-width: 2px; } scale.horizontal { padding: 17px 12px; } scale.vertical { padding: 12px 17px; } scale slider { min-height: 32px; min-width: 32px; margin: -15px; } scale.fine-tune.horizontal { min-height: 4px; padding-top: 16px; padding-bottom: 16px; } scale.fine-tune.vertical { min-width: 4px; padding-left: 16px; padding-right: 16px; } scale.fine-tune slider { margin: -14px; } scale trough { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); background-image: image(#1A73E8); } scale highlight:disabled { background-color: #F2F2F2; background-image: image(rgba(0, 0, 0, 0.26)); } scale fill { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; color: #1A73E8; } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:hover { background-color: alpha(currentColor, 0.08); } scale slider:focus { background-color: alpha(currentColor, 0.08); } scale slider:active { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; } scale marks, scale value { color: rgba(0, 0, 0, 0.6); } scale indicator { background-color: rgba(0, 0, 0, 0.26); color: transparent; } scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } scale.horizontal marks.bottom { margin-top: 7px; margin-bottom: -15px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } scale.vertical marks.top { margin-right: 7px; margin-left: -15px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } scale.vertical marks.bottom { margin-left: 7px; margin-right: -15px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } scale.horizontal indicator { min-height: 8px; min-width: 1px; } scale.vertical indicator { min-height: 1px; min-width: 8px; } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.color { min-height: 0; min-width: 0; } scale.color.horizontal { padding: 0 0 12px 0; } scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { margin-bottom: -24px; margin-top: 8px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -24px; margin-right: 8px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -24px; margin-left: 8px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.6); 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(0, 0, 0, 0.12); } progressbar progress { background-color: #1A73E8; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 4px; } levelbar.horizontal.discrete block { min-width: 36px; } levelbar.horizontal.discrete block:not(:last-child) { margin-right: 2px; } levelbar.vertical block { min-width: 4px; } levelbar.vertical.discrete block { min-height: 36px; } levelbar.vertical.discrete block:not(:last-child) { margin-bottom: 2px; } levelbar block.low { background-color: #F4B400; } levelbar block.high, levelbar block:not(.empty) { background-color: #1A73E8; } levelbar block.full { background-color: #0F9D58; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat { border-style: none; } frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; background-clip: border-box; } actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(26, 115, 232, 0.24)), 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, transparent 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, transparent 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, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } 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, stacksidebar.sidebar + separator.vertical, stacksidebar.sidebar separator.horizontal, .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 { box-shadow: inset 0 0 0 9999px transparent; } row.activatable:drop(active), row.activatable:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } row.activatable:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } row.activatable:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } row.activatable.has-open-popup { background-color: alpha(currentColor, 0.12); } row:selected { box-shadow: inset 0 0 0 9999px transparent; } row:selected:drop(active), row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .app-notification button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .app-notification button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.6); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } /************ * Calendar * ************/ calendar { padding: 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: 5px; } calendar.header { border-style: none none solid; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; } calendar.button { border-radius: 5px; color: rgba(0, 0, 0, 0.6); } calendar.button:hover { background-image: image(alpha(currentColor, 0.08)); } calendar.button:disabled { color: rgba(0, 0, 0, 0.26); } calendar.highlight { color: rgba(0, 0, 0, 0.6); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FFFFFF; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.6); } messagedialog.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } messagedialog box.vertical > label + label { color: rgba(0, 0, 0, 0.6); } messagedialog .dialog-action-box { margin-top: -6px; } messagedialog .dialog-action-box button:not(:last-child) { margin-right: 6px; } .dialog-action-box button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button:not(:disabled):drop(active), .dialog-action-box button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .dialog-action-box button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .dialog-action-box button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .dialog-action-box button.suggested-action:not(:disabled) { background-color: transparent; } .dialog-action-box button.destructive-action:not(:disabled) { background-color: transparent; color: #D93025; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button.destructive-action:not(:disabled):drop(active), .dialog-action-box button.destructive-action:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):active { background-image: radial-gradient(circle, rgba(217, 48, 37, 0.16) 10%, transparent 0%); } 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: #F2F2F2; } filechooser #pathbarbox > stack > box > button { border-radius: 9999px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #FAFAFA; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr) { border-style: none; } stacksidebar.sidebar list { padding: 4px; background-color: #FAFAFA; } stacksidebar.sidebar row { min-height: 32px; padding: 0 2px; border-radius: 4px; } stacksidebar.sidebar row:selected { font-weight: 500; color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } stacksidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } stacksidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } stacksidebar.sidebar row + row { margin-top: 4px; } stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; } separator.sidebar { background-color: rgba(0, 0, 0, 0.12); } /**************** * File chooser * ****************/ row image.sidebar-icon { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(0, 0, 0, 0.6); } row image.sidebar-icon:disabled { color: rgba(0, 0, 0, 0.26); } placessidebar.sidebar > viewport.frame { border-style: none; } placessidebar.sidebar list { padding: 1px 0 4px; } placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } placessidebar.sidebar row > revealer { padding: 0 8px; } placessidebar.sidebar row:selected { font-weight: 500; color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } placessidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } placessidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } placessidebar.sidebar row:selected image.sidebar-icon { color: #1A73E8; } placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } placessidebar.sidebar row.sidebar-new-bookmark-row { color: #1A73E8; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { color: #1A73E8; } 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: #F2F2F2; 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, infobar.question { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } infobar.info button.text-button:not(:disabled):drop(active), infobar.info button.text-button:not(:disabled):hover, infobar.question button.text-button:not(:disabled):drop(active), infobar.question button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } infobar.info button.text-button:not(:disabled):focus, infobar.question button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } infobar.info button.text-button:not(:disabled):active, infobar.question button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } infobar.warning { background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } infobar.warning button.flat { color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } infobar.warning button.flat:drop(active), infobar.warning button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } infobar.warning *:link { color: rgba(0, 0, 0, 0.87); } infobar.error { background-color: #D93025; color: white; } infobar.error button.flat { color: white; box-shadow: inset 0 0 0 9999px transparent; } infobar.error button.flat:drop(active), infobar.error button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } infobar.error button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } infobar.error button.flat:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } infobar.error *:link { color: white; } infobar button label { margin: 0 -4px; } /************ * Tooltips * ************/ tooltip { border-radius: 4px; box-shadow: none; } tooltip.background { background-color: rgba(97, 97, 97, 0.9); color: white; } tooltip decoration { background-color: transparent; } tooltip > box { margin: -6px; min-height: 24px; padding: 4px 8px; } tooltip .dim-label { color: rgba(255, 255, 255, 0.7); } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 4.5px; border-top-right-radius: 4.5px; } colorswatch.top overlay { border-top-left-radius: 4px; border-top-right-radius: 4px; } colorswatch.bottom { border-bottom-left-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 4.5px; border-bottom-left-radius: 4.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.dark { color: white; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } colorswatch overlay:drop(active), colorswatch overlay:hover { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); } colorswatch#add-color-button:only-child { border-radius: 4px; } colorswatch#add-color-button overlay { background-color: #FFFFFF; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 4.5px; } colorswatch#editor-color-sample overlay { border-radius: 4px; } colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #F2F2F2; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; } .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } .csd.popup decoration { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } tooltip.csd decoration { border-radius: 4px; box-shadow: none; } messagedialog.csd decoration { border-radius: 4px; } .solid-csd decoration { margin: 0; padding: 2px; border-radius: 0; box-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; } .solid-csd decoration:backdrop { background-color: #D6D6D6; } button.titlebutton { border-radius: 9999px; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { background-color: rgba(26, 115, 232, 0.24); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { color: #1A73E8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-transform: rotate(90deg); } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-transform: unset; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { padding-top: 6px; -gtk-icon-transform: rotate(45deg); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 36px; min-height: 36px; padding: 0; } /************* * App Icons * *************/ /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin: 4px; } button.emoji-section:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } button.emoji-section:checked:drop(active), button.emoji-section:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.emoji-section:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.emoji-section:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.emoji-section:not(:last-child) { margin-right: 0; } popover.emoji-picker .emoji { min-width: 3em; min-height: 3em; padding: 0 8px; } popover.emoji-picker .emoji widget { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } popover.emoji-picker .emoji widget:hover { background-color: alpha(currentColor, 0.08); } popover.emoji-completion { padding: 8px 0; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion .emoji-completion-row { min-height: 28px; padding: 0 12px; } popover.emoji-completion .emoji:hover { background-color: alpha(currentColor, 0.08); } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(0, 0, 0, 0.6); } @keyframes nautilus-operations-button-needs-attention { to { background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button { border-radius: 9999px; } .path-bar-box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 4px; } .path-bar-box button { margin: 0; } .path-bar-box.width-maximized { background-color: rgba(0, 0, 0, 0.04); } .path-bar-box.background.frame { border-style: none; background-color: rgba(0, 0, 0, 0.04); } .path-bar-box .path-bar button label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .path-bar button label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 6px; padding-right: 6px; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(255, 255, 255, 0.9); } .nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-left-style: none; border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-right-style: none; border-top-right-radius: 0; } .nautilus-window .floating-bar button { margin: 4px; } .disk-space-display.unknown { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .disk-space-display.used { background-color: #1A73E8; color: #1A73E8; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.08); } .search-information { padding: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .conflict-row:not(:selected) { background-color: #fce9b3; } .nautilus-window flowboxchild .icon-item-background { padding: 4px; border-radius: 4px; } .nautilus-window flowboxchild:selected { background-color: transparent; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(0, 0, 0, 0.6); } .nautilus-window headerbar revealer > button { border-radius: 9999px; } .nautilus-window paned > separator { background-color: #FAFAFA; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.6); font-size: smaller; } .open-document-selector-match { background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } .gedit-document-panel { background-color: #FAFAFA; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; } .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { margin-right: -66px; padding-right: 66px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) { margin-left: -66px; padding-left: 66px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { background-color: #FFFFFF; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider .linked:not(.vertical) > button { border: solid 6px transparent; border-radius: 9999px; } .gedit-search-slider .linked:not(.vertical) > button:last-child:dir(ltr), .gedit-search-slider .linked:not(.vertical) > button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider .linked:not(.vertical) > button:first-child:dir(rtl), .gedit-search-slider .linked:not(.vertical) > button:not(:last-child):dir(ltr) { margin-right: -3px; } frame.gedit-map-frame > border:dir(ltr) { border-style: none none none solid; } frame.gedit-map-frame > border:dir(rtl) { border-style: none solid none none; } /********** * Tweaks * **********/ .tweak-categories { background-image: image(#FAFAFA); } .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#ClickMethod, 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#ClickMethod row:not(:last-child), row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } row#Focus.tweak > list, row#ClickMethod.tweak > list, row#StaticWorkspaceTweak.tweak > list, row#dynamic-workspaces.tweak > list, row#PrimaryWorkspaceTweak.tweak > list, row#workspaces-only-on-primary.tweak > list { margin-top: -3px; } row#Focus, row#ClickMethod, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { background-color: inherit; box-shadow: inherit; transition: color 75ms cubic-bezier(0, 0, 0.2, 1); } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator { background-color: inherit; background-image: image(rgba(0, 0, 0, 0.12)); } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #F2F2F2; } 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 #1A73E8; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #D93025; color: white; } window.workbench treeview.image { color: rgba(0, 0, 0, 0.6); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 4px; } popover.popover-selector list row image:dir(ltr) { margin-right: 6px; } popover.popover-selector list row image:dir(rtl) { margin-left: 6px; } popover.popover-selector list row .accel:dir(ltr) { margin-left: 6px; } popover.popover-selector list row .accel:dir(rtl) { margin-right: 6px; } omnibar.linked:not(.vertical) entry { border-radius: 4px; } omnibar entry { color: rgba(0, 0, 0, 0.6); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } entry.preferences-search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: #FFFFFF; } preferences stacksidebar.sidebar list { background-color: #FAFAFA; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 4px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 4px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(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: #F2F2F2; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #F2F2F2; } docktab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.6); font-weight: 500; } docktab:hover { background-color: alpha(currentColor, 0.08); } docktab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #1A73E8; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #F2F2F2; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #1A73E8; } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #1A73E8; } pillbox { background-color: #F2F2F2; border-radius: 4px; } layoutpane entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; background-color: transparent; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } window.workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } button.run-arrow-button { padding-left: 10px; padding-right: 10px; } button.dzlmenubutton image { min-width: 30px; } button.dzlmenubutton image.arrow { min-width: 27px; } button.dzlmenubuttonitem { color: rgba(0, 0, 0, 0.87); font-weight: normal; } button.dzlmenubuttonitem:disabled { color: rgba(0, 0, 0, 0.38); } idelayoutstackheader { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } idelayoutstackheader button:checked { color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: #F2F2F2; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #1A73E8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #1A73E8; } 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); } dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected { background-color: #1A73E8; color: white; } #titlebar_container .suggestionbutton button { padding: 0; border-radius: 0; box-shadow: inset 0 0 0 9999px #E0E0E0; } #titlebar_container .suggestionbutton button:backdrop { box-shadow: inset 0 0 0 9999px #D6D6D6; } #titlebar_container .suggestionbutton button image { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1); min-width: 36px; min-height: 36px; border-radius: 9999px; box-shadow: inset 0 0 0 9999px transparent; } #titlebar_container .suggestionbutton button:hover image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:focus image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:active image { background-color: alpha(currentColor, 0.12); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #1A73E8; color: white; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { color: rgba(0, 0, 0, 0.87); font-weight: normal; } button.photos-filter-preview:checked { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } button.photos-filter-preview:checked image { color: white; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#FAFAFA); } .side-panel .view:hover { background-image: image(rgba(234, 234, 234, 0.9896)); } .side-panel .view:selected { background-image: image(#1A73E8); } .side-panel .view:selected:hover { background-image: image(#2c7eea); } .songs-list:hover { background-image: image(alpha(currentColor, 0.08)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Terminal * ************/ terminal-window notebook > header > box { margin: -2px -2px -3px; } terminal-window notebook > header > box button { border-radius: 0; } /********* * To Do * *********/ task-list-view taskrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } task-list-view taskrow:hover { transition: none; } task-list-view taskrow label { margin: 0 8px; } task-list-view taskrow image.dim-label { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -6px; } task-list-view > box > revealer > box > button .dim-label { color: inherit; } tasklistview taskrow { outline: none; } tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { box-shadow: none; } tasklistview taskrow image.dim-label { min-width: 16px; } tasklistview > box > revealer > box > button { margin: -6px; } tasklistview > box > revealer > box > button .dim-label { color: inherit; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } /************* * Evolution * *************/ frame.taskbar > border { border-style: solid none none; } box.vertical > paned.horizontal notebook widget .frame { border-style: none; } /******** * gitg * ********/ frame.commit-frame > border { border-style: solid none none; } /************** * Characters * **************/ box.dialog-vbox scrolledwindow.related { border: 1px solid rgba(0, 0, 0, 0.12); } list.categories { background-image: image(#FAFAFA); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; } /********** * Evince * **********/ evview.content-view.view:selected { background-color: #1A73E8; color: white; } /********** * Polari * **********/ .polari-room-list row:selected { background-color: rgba(26, 115, 232, 0.5); } /*********** * Fractal * ***********/ button.osd.scroll_button { margin: 4px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } overlay > revealer.left > scrolledwindow.frame { margin-right: 32px; } overlay > revealer.right > scrolledwindow.frame { margin-left: 32px; } .terminix-session-sidebar, .tilix-session-sidebar { background-image: image(#FFFFFF); } .terminal-titlebar button { border-radius: 0; } button.image-button.session-new-button { min-width: 32px; } notebook.tilix-background tab > box > stack { margin: -6px; } button.flat.tilix-small-button { min-height: 20px; min-width: 16px; } /************** * Terminator * **************/ .terminator-terminal-window paned > separator { background-color: #F2F2F2; } .terminator-terminal-window notebook.frame { border-style: none; } /************* * Ubitquity * *************/ #live_installer .menubar progressbar trough { border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); } /*********** * Eclipse * ***********/ window.background > box.vertical > scrolledwindow > widget toolbar { padding: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar separator, window.background > box.vertical > scrolledwindow > widget toolbar button { margin: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar button { border-radius: 4px; } /************ * Chromium * ************/ window.background.chromium { background-color: #FFFFFF; } window.background.chromium entry, window.background.chromium > button { border: 1px solid rgba(0, 0, 0, 0.26); } window.background.chromium > button { color: #1A73E8; } window.background.chromium > button:disabled { color: rgba(0, 0, 0, 0.26); } window.background.chromium menubar, window.background.chromium headerbar { color: rgba(0, 0, 0, 0.6); } window.background.chromium headerbar button:active { background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #1A73E8; } window.background.chromium textview.view { background-color: transparent; } window.background.chromium treeview.view.cell:selected:focus { background-color: #1A73E8; color: white; } window.background.chromium treeview.view button { border: 1px solid rgba(0, 0, 0, 0.26); background-color: #FFFFFF; } tooltip.background.chromium { background-color: #616161; } /*********** * Firefox * ***********/ #MozillaGtkWidget > widget text { background-color: #FFFFFF; } #MozillaGtkWidget > widget text:selected { background-color: #1A73E8; color: white; } #MozillaGtkWidget > widget > separator { color: rgba(0, 0, 0, 0.12); } #MozillaGtkWidget > widget > frame > border { border-color: #b3b3b3; } #MozillaGtkWidget > widget > entry, #MozillaGtkWidget > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 4px; box-shadow: none; } #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { border-color: rgba(0, 0, 0, 0.12); } #MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #FFFFFF; } #MozillaGtkWidget > widget > entry:focus { border-color: #1A73E8; box-shadow: inset 0 0 0 1px #1A73E8; } #MozillaGtkWidget > widget > entry:disabled { background-color: #FAFAFA; } #MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } #MozillaGtkWidget > widget > button > button:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } #MozillaGtkWidget > widget > checkbutton > check, #MozillaGtkWidget > widget > radiobutton > radio { margin: 0; padding: 0; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } #MozillaGtkWidget menu { border: none; } #MozillaGtkWidget menuitem label:disabled { color: rgba(0, 0, 0, 0.38); } #MozillaGtkWidget > widget > menubar { color: rgba(0, 0, 0, 0.6); } #MozillaGtkWidget > widget > menubar:hover { color: rgba(0, 0, 0, 0.87); } #MozillaGtkWidget > widget > menubar:disabled { color: rgba(0, 0, 0, 0.26); } #MozillaGtkWidget > widget > frame { color: rgba(0, 0, 0, 0.26); } #MozillaGtkWidget 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: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { border-width: 4px; } #ToolboxCommon > toolbar.vertical { margin-top: -4px; } #ToolboxCommon > toolbar.vertical button { min-height: 24px; min-width: 24px; padding: 4px; border-radius: 4px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #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 * ***********/ /********* * 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: #1A73E8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } UnityDecoration .top:backdrop { background-color: #D6D6D6; color: rgba(0, 0, 0, 0.6); } UnityDecoration .menuitem { border-radius: 4px 4px 0 0; box-shadow: none; color: rgba(0, 0, 0, 0.6); } UnityDecoration .menuitem:hover { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #CCCCCC; color: rgba(0, 0, 0, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(0, 0, 0, 0.6); } .unity-panel.menuitem, .unity-panel .menuitem { color: rgba(0, 0, 0, 0.6); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { background-color: alpha(currentColor, 0.12); 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: #1A73E8; } /************** * 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); color: rgba(255, 255, 255, 0.7); font-weight: 500; } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .mate-panel-menu-bar button:drop(active), .mate-panel-menu-bar button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .mate-panel-menu-bar button:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar button:checked { color: white; } .mate-panel-menu-bar button:checked:disabled { color: rgba(255, 255, 255, 0.5); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px); background-repeat: no-repeat; background-size: 4px 10px; color: rgba(255, 255, 255, 0.3); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(ltr) { background-position: 3px; } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(rtl) { background-position: calc(100% - 3px); } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { color: white; } .mate-panel-menu-bar menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { padding: 0 8px; } .mate-panel-menu-bar.vertical menubar > menuitem { padding: 8px 0; } .mate-panel-menu-bar menubar menu > menuitem { min-height: 28px; padding: 0 6px; } .mate-panel-menu-bar #PanelApplet button { -GtkWidget-window-dragging: true; } .mate-panel-menu-bar #tasklist-button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #1A73E8; } .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: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow calendar { border-style: none; } #MatePanelPopupWindow calendar:not(:selected) { background-color: transparent; } #MatePanelPopupWindow calendar + box { margin-top: -5px; padding-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow expander > title { min-height: 32px; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow > frame > box > box > box > widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button:not(.flat) { background-color: alpha(currentColor, 0.12); } #mate-menu button image, #mate-menu button label + label { color: rgba(0, 0, 0, 0.6); } #mate-menu entry { margin: 0 0 4px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 4px; padding: 6px; } .brisk-menu { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .brisk-menu entry { margin-bottom: -2px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; box-shadow: none; background-color: transparent; } .brisk-menu entry + box > box:dir(ltr) { margin-right: -2px; border-right: 1px solid rgba(0, 0, 0, 0.12); } .brisk-menu entry + box > box:dir(rtl) { margin-left: -2px; border-left: 1px solid rgba(0, 0, 0, 0.12); } .brisk-menu .categories-list { padding-top: 4px; } .brisk-menu .categories-list button { margin: 0 4px; } .brisk-menu .categories-list button:checked { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .brisk-menu .categories-list button:checked:drop(active), .brisk-menu .categories-list button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .brisk-menu .categories-list button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .brisk-menu .categories-list button:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .brisk-menu .session-button { padding: 12px; } .brisk-menu .frame { border-style: none; } .brisk-menu .apps-list { padding: 4px 0; background-color: transparent; } .brisk-menu .apps-list row { padding: 0; } .brisk-menu .apps-list row:hover { box-shadow: none; } .brisk-menu .apps-list button { border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } /********************* * CAJA File manager * *********************/ .caja-navigation-window box.horizontal > button.toggle.image-button { border-radius: 4px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button.slider-button { min-width: 24px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-canvas-item { border-radius: 4px; } .caja-desktop.view .entry, .caja-navigation-window .view .entry { border: none; border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); background-image: none; color: rgba(0, 0, 0, 0.87); } .caja-desktop.view .entry:selected, .caja-navigation-window .view .entry:selected { background-color: rgba(26, 115, 232, 0.24); } .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } .caja-desktop.view .entry:selected { background-color: rgba(26, 115, 232, 0.24); } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } #caja-extra-view-widget > box > box > label { font-weight: bold; } #caja-extra-view-widget button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #caja-extra-view-widget button:not(:disabled):drop(active), #caja-extra-view-widget button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #caja-extra-view-widget button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #caja-extra-view-widget button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .lock-dialog frame > border { border-style: none; } .lock-dialog button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .lock-dialog button:not(:disabled):drop(active), .lock-dialog button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .lock-dialog button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .lock-dialog button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } MsdOsdWindow.background.osd .trough { border-radius: 0; background-color: rgba(255, 255, 255, 0.12); } MsdOsdWindow.background.osd .progressbar { border-radius: 0; background-color: white; } /****************** * Budgie Desktop * ******************/ .budgie-container { background-color: transparent; } .budgie-settings-window buttonbox.inline-toolbar { border-style: none none solid; } .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; } .budgie-popover { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .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 button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.budgie-menu .sidebar, .budgie-popover.budgie-menu scrollbar, .budgie-popover.budgie-menu entry.search { background-color: transparent; } .budgie-popover.budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-popover.budgie-menu button.flat:not(.image-button) { min-height: 32px; padding: 0 8px; border-radius: 0; } .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active), .budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } .budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled { background-color: transparent; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .name-button image:dir(ltr) { margin-right: 3px; } .budgie-popover.places-menu .name-button image:dir(rtl) { margin-left: 3px; } .budgie-popover.places-menu .unmount-button { margin: 2px; padding: 0; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { box-shadow: none; } .workspace-switcher .workspace-add-button:active { background-image: none; } .workspace-switcher .workspace-add-button:active image { margin: 1px 0 -1px; } .budgie-panel .workspace-switcher .workspace-icon-button { min-height: 24px; min-width: 24px; padding: 0; border-radius: 4px; } .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: 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; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .budgie-panel button:drop(active), .budgie-panel button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-panel button:disabled { color: rgba(255, 255, 255, 0.3); } .budgie-panel button:checked { color: white; } .budgie-panel button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(255, 255, 255, 0.3); } .budgie-panel .alert { color: #8AB4F8; } .budgie-panel .titlebar:not(headerbar) { min-height: 0; padding: 0; box-shadow: none; background-color: transparent; color: white; } .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } .top frame.raven-frame > border { margin-bottom: 32px; } .bottom frame.raven-frame > border { margin-top: 32px; } .left frame.raven-frame > border { margin-right: 32px; } .right frame.raven-frame > border { margin-left: 32px; } .raven { background-color: #FFFFFF; } .raven list { background-color: transparent; } .raven > box:not(:only-child) { margin-bottom: -10px; } .raven .raven-header { min-height: 36px; padding: 3px; } .raven .raven-header.top { padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .raven .raven-header.top stackswitcher.linked > button { margin: -4px 0 -5px; padding: 0 16px; min-height: 48px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven .raven-header.top stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven stack .raven-header { margin-top: -6px; } .raven stack scrolledwindow .raven-header { margin-top: -8px; } .raven .expander-button { border-radius: 9999px; } .raven .raven-background stackswitcher.linked > button { margin: -2px 8px 9px; padding: 0 12px; min-height: 32px; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.08); font-weight: normal; } .raven .raven-background stackswitcher.linked > button:checked { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .raven .raven-background stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .raven .raven-background stackswitcher.linked > button:not(:first-child) { margin-left: 0; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.08); } .raven revealer > .raven-background { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .raven .raven-header + .raven-background { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame > list > row { padding: 0; box-shadow: none; background: none; } .raven viewport.frame > list > row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame > list > row > box { margin-top: -5px; margin-left: -5px; margin-bottom: -5px; } .raven viewport.frame > list > row > box > box { padding: 6px; margin-bottom: -10px; } .raven viewport.frame > list > row > box > list > row { padding: 8px; } .raven viewport.frame > list > row > box > list > row > box { margin-bottom: -5px; } .raven viewport.frame > list > row > box > list > row > box > box > label { font-weight: bold; } .raven viewport.frame > list > row > box > list > row > box > box > button.image-button { padding: 0; } .raven viewport.frame > list > row > box > list > row > box > label { margin-top: -6px; font-size: smaller; } .raven .powerstrip button { margin: 2px 0 1px; padding: 12px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 4px; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: white; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 12px; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .raven-mpris button.image-button:drop(active), .raven-mpris button.image-button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-notification .notification-body, .budgie-switcher .notification-body { color: rgba(0, 0, 0, 0.6); } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .drop-shadow button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .drop-shadow button.text-button:not(:disabled):drop(active), .drop-shadow button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .drop-shadow button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .drop-shadow button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .drop-shadow .linked > button { margin-right: 6px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 4px; } .budgie-session-dialog > box { padding: 8px; } .budgie-session-dialog image { margin: -8px; -gtk-icon-transform: scale(0); } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { margin-bottom: 8px; font-size: 20px; font-weight: 500; } .budgie-session-dialog .dialog-title + label { color: rgba(0, 0, 0, 0.6); } .budgie-session-dialog .linked.horizontal > button:not(:last-child) { margin-right: 8px; } .budgie-session-dialog .linked.horizontal > button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .budgie-session-dialog .linked.horizontal > button:not(:disabled):drop(active), .budgie-session-dialog .linked.horizontal > button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.6); } .budgie-polkit-dialog .failure { color: #D93025; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; border-image: none; box-shadow: none; background-color: transparent; } .budgie-run-dialog list { padding: 4px 0; background-color: transparent; } .budgie-run-dialog list .dim-label { color: inherit; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-run-dialog scrollbar.right, .budgie-run-dialog scrollbar.bottom { border-bottom-right-radius: 4px; } .budgie-run-dialog scrollbar.left, .budgie-run-dialog scrollbar.bottom { border-bottom-left-radius: 4px; } /************** * Xfce4 Apps * **************/ .XfceHeading { background-color: #FFFFFF; } /*************** * xfce4-panel * ***************/ .xfce4-panel.background { border: none; background-color: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.7); font-weight: 500; } .xfce4-panel.background button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .xfce4-panel.background button:drop(active), .xfce4-panel.background button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } .xfce4-panel.background button:checked { color: white; } .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button:checked { border-image: image(currentColor) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button image { padding: 4px; } .xfce4-panel.background frame > border { border-style: none; } .xfce4-panel.background progressbar progress { background-color: #8AB4F8; } .xfce4-panel.background progressbar trough { background-color: rgba(255, 255, 255, 0.12); } wnck-pager:hover { background-color: alpha(currentColor, 0.08); } wnck-pager:active { background-color: alpha(currentColor, 0.12); } wnck-pager:selected { background-color: #1A73E8; } XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { box-shadow: none; } XfdesktopIconView.view .rubberband { border-radius: 0; } #XfceNotifyWindow { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #XfceNotifyWindow buttonbox button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #XfceNotifyWindow buttonbox button:not(:disabled):drop(active), #XfceNotifyWindow buttonbox button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } #XfceNotifyWindow label#summary { font-weight: bold; } #XfceNotifyWindow label#summary + label { color: rgba(0, 0, 0, 0.6); } #xfwm-tabwin { padding: 12px; border-radius: 4px; -XfwmTabwinWidget-icon-size: 64px; -XfwmTabwinWidget-preview-size: 64px; } /********** * Thunar * **********/ .thunar #location-toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .thunar #location-toolbar > toolitem > button { min-width: 24px; padding: 6px; border-radius: 9999px; } .thunar .shortcuts-pane.frame, .thunar .standard-view.frame { border-style: none; } .thunar .sidebar .view:not(:selected) { background-color: transparent; } .thunar statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: white; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: white; } #panel_window menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 4px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #content_frame { padding-bottom: 16px; } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame > box, #buttonbox_frame > buttonbox { margin: -16px; } #buttonbox_frame button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #buttonbox_frame button:not(:disabled):drop(active), #buttonbox_frame button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #buttonbox_frame button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #buttonbox_frame button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /******** * Nemo * ********/ .nemo-window .primary-toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .nemo-window .primary-toolbar stack > box { margin: -2px; } .nemo-window .primary-toolbar button.text-button { padding-left: 8px; padding-right: 8px; } .nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { padding-left: 4px; padding-right: 4px; } .nemo-window scrolledwindow.frame { border-style: none; } .nemo-window scrolledwindow.frame .view:not(:selected) { background-color: transparent; } .nemo-window infobar { margin-top: -6px; } .nemo-window .nemo-inactive-pane .view:not(:selected) { background-color: #FAFAFA; } .nemo-window .nemo-window-pane widget.entry { border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); } .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: gainsboro; -NemoPlacesTreeView-disk-full-fg-color: #1A73E8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; -NemoPlacesTreeView-disk-full-max-length: 80px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color 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 #F2F2F2; /* 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 #1A73E8; /* text/foreground color of selections */ @define-color theme_selected_fg_color white; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #F2F2F2; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #FAFAFA; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #F2F2F2; /* 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 #1A73E8; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color white; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #F4B400; @define-color error_color #D93025; @define-color success_color #0F9D58; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title rgba(0, 0, 0, 0.87); @define-color wm_unfocused_title rgba(0, 0, 0, 0.6); @define-color wm_highlight rgba(255, 255, 255, 0.4); @define-color wm_bg #E0E0E0; @define-color wm_unfocused_bg #D6D6D6; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #666666; materia-theme-20200320/src/gtk/3.0/gtk-light.scss000066400000000000000000000004251363503524500211400ustar00rootroot00000000000000$variant: 'light'; $topbar: 'light'; $compact: 'false'; @import '../../_sass/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-20200320/src/gtk/3.0/gtk.css000066400000000000000000005772631363503524500176730ustar00rootroot00000000000000@keyframes ripple { to { background-size: 1000% 1000%; } } @keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } @keyframes ripple-on-headerbar { from { background-image: radial-gradient(circle, #1A73E8 0%, transparent 0%); } to { background-image: radial-gradient(circle, #1A73E8 100%, transparent 0%); } } button, modelbutton.flat, .menuitem.button.flat, notebook > header > tabs > arrow, check, radio, row.activatable { transition-property: all, border-image, background-size, background-image; transition-duration: 75ms, 225ms, 300ms, 1200ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); outline: none; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } button:active, modelbutton.flat:active, .menuitem.button.flat:active, notebook > header > tabs > arrow:active, check:active, radio:active, row.activatable:active { transition-duration: 75ms, 225ms, 0ms, 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-size: 0% 0%; } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #D93025; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 6; -GtkDialog-action-area-border: 6; -gtk-secondary-caret-color: #1A73E8; outline: 2px solid transparent; outline-offset: -4px; -gtk-outline-radius: 4px; } *:focus { outline-color: alpha(currentColor, 0.12); } /*************** * Base States * ***************/ .background { background-color: #F2F2F2; 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: #F2F2F2; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e5e5e5; } .gtkstyle-fallback:active { background-color: #d9d9d9; } .gtkstyle-fallback:disabled { color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #1A73E8; color: white; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } .view:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:selected { border-radius: 4px; } textview text { background-color: #FFFFFF; caret-color: #1A73E8; } textview border { background-color: #FAFAFA; color: rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { border: 1px solid #8AB4F8; background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 4px; } .content-view .tile:selected { background-color: transparent; } label { caret-color: #1A73E8; } label.separator { color: rgba(0, 0, 0, 0.6); } label:disabled { color: rgba(0, 0, 0, 0.38); } headerbar label:disabled, menuitem label:disabled, tab label:disabled, button label:disabled { color: inherit; } label.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } .dim-label { color: rgba(0, 0, 0, 0.6); } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 36px; padding: 0 12px; color: rgba(0, 0, 0, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(0, 0, 0, 0.87); } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; color: #1A73E8; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:disabled { color: rgba(0, 0, 0, 0.26); } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 36px; padding: 0 8px; border-radius: 4px 4px 0 0; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } spinbutton:focus:not(.vertical), entry:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 2/0 0 2px; } spinbutton:drop(active):not(.vertical), entry:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; border-radius: 0; background-color: transparent; } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.6); } 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, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #D93025; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #D93025; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 100%, transparent 0%) 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F4B400; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #F4B400; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 100%, transparent 0%) 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; border-bottom: 2px solid #1A73E8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #D93025; color: white; caret-color: white; } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { color: white; } spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #F4B400; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { color: rgba(0, 0, 0, 0.38); } treeview entry, treeview entry.flat { background-color: #FFFFFF; } treeview entry, treeview entry:focus, treeview entry.flat, treeview entry.flat:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 2px; border-radius: 9999px; box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.87); } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 4px; margin-right: 0; padding-left: 12px; padding-right: 8px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: 0; margin-right: 4px; padding-left: 8px; padding-right: 12px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.6); } /*********** * Buttons * ***********/ @keyframes needs-attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1A73E8), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 6px 10px; border-radius: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-weight: 500; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:drop(active), button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:active { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button:checked { background-color: #dae9fb; color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button:checked:drop(active), button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:checked:active { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button:checked:disabled { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.text-button { min-width: 32px; padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 6px; border-radius: 9999px; } button.text-button.image-button { min-width: 24px; padding: 6px; border-radius: 4px; } button.text-button.image-button label:first-child { margin-left: 10px; } button.text-button.image-button label:last-child { margin-right: 10px; } button.text-button.image-button image:not(:only-child) { margin: 0 4px; } toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, #caja-extra-view-widget button, .lock-dialog button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, #buttonbox_frame button, button.flat, combobox > .linked:not(.vertical) > button:not(:only-child), layouttabbar button, .message-input-area button, .caja-navigation-window box.horizontal > button.toggle.image-button, .raven .raven-header.top stackswitcher.linked > button, .raven .raven-background stackswitcher.linked > button, .nemo-window .toolbar button, spinbutton:not(.vertical) button, spinbutton.vertical button, .caja-pathbar button, .path-bar.linked:not(.vertical) > button, scrollbar button, button.sidebar-button, .gedit-search-slider .linked:not(.vertical) > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button { background-color: transparent; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:drop(active), popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:drop(active), infobar.question button:drop(active), #caja-extra-view-widget button:drop(active), .lock-dialog button:drop(active), .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:drop(active), #buttonbox_frame button:drop(active), button.flat:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), layouttabbar button:drop(active), .message-input-area button:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:drop(active), .raven .raven-header.top stackswitcher.linked > button:drop(active), .raven .raven-background stackswitcher.linked > button:drop(active), .nemo-window .toolbar button:drop(active), spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:drop(active), .caja-pathbar button:drop(active), .path-bar.linked:not(.vertical) > button:drop(active), scrollbar button:drop(active), button.sidebar-button:drop(active), .gedit-search-slider .linked:not(.vertical) > button:drop(active), popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:drop(active), #mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:drop(active), toolbar button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, popover.background button.model:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), .app-notification button:hover, .dialog-action-box button:hover, filechooser #pathbarbox > stack > box > button:hover, infobar.info button:hover, infobar.question button:hover, #caja-extra-view-widget button:hover, .lock-dialog button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, #buttonbox_frame button:hover, button.flat:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), layouttabbar button:hover, .message-input-area button:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:hover, .raven .raven-header.top stackswitcher.linked > button:hover, .raven .raven-background stackswitcher.linked > button:hover, .nemo-window .toolbar button:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, .caja-pathbar button:hover, .path-bar.linked:not(.vertical) > button:hover, scrollbar button:hover, button.sidebar-button:hover, .gedit-search-slider .linked:not(.vertical) > button:hover, popover.messagepopover .popover-action-area button:hover, #MatePanelPopupWindow button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, #caja-extra-view-widget button:focus, .lock-dialog button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, #buttonbox_frame button:focus, button.flat:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), layouttabbar button:focus, .message-input-area button:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:focus, .raven .raven-header.top stackswitcher.linked > button:focus, .raven .raven-background stackswitcher.linked > button:focus, .nemo-window .toolbar button:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, .caja-pathbar button:focus, .path-bar.linked:not(.vertical) > button:focus, scrollbar button:focus, button.sidebar-button:focus, .gedit-search-slider .linked:not(.vertical) > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, #caja-extra-view-widget button:active, .lock-dialog button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, #buttonbox_frame button:active, button.flat:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), layouttabbar button:active, .message-input-area button:active, .caja-navigation-window box.horizontal > button.toggle.image-button:active, .raven .raven-header.top stackswitcher.linked > button:active, .raven .raven-background stackswitcher.linked > button:active, .nemo-window .toolbar button:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, .caja-pathbar button:active, .path-bar.linked:not(.vertical) > button:active, scrollbar button:active, button.sidebar-button:active, .gedit-search-slider .linked:not(.vertical) > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, #caja-extra-view-widget button:disabled, .lock-dialog button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, #buttonbox_frame button:disabled, button.flat:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), layouttabbar button:disabled, .message-input-area button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, .raven .raven-header.top stackswitcher.linked > button:disabled, .raven .raven-background stackswitcher.linked > button:disabled, .nemo-window .toolbar button:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, .caja-pathbar button:disabled, .path-bar.linked:not(.vertical) > button:disabled, scrollbar button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked:not(.vertical) > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); } toolbar button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, #caja-extra-view-widget button:checked, .lock-dialog button:checked, .drop-shadow button:checked, .budgie-session-dialog .linked.horizontal > button:checked, #buttonbox_frame button:checked, button.flat:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), layouttabbar button:checked, .message-input-area button:checked, .caja-navigation-window box.horizontal > button.toggle.image-button:checked, .raven .raven-header.top stackswitcher.linked > button:checked, .raven .raven-background stackswitcher.linked > button:checked, .nemo-window .toolbar button:checked { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } toolbar button:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:drop(active), popover.background button.model:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:checked:drop(active), .dialog-action-box button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), infobar.info button:checked:drop(active), infobar.question button:checked:drop(active), #caja-extra-view-widget button:checked:drop(active), .lock-dialog button:checked:drop(active), .drop-shadow button:checked:drop(active), .budgie-session-dialog .linked.horizontal > button:checked:drop(active), #buttonbox_frame button:checked:drop(active), button.flat:checked:drop(active), combobox > .linked:not(.vertical) > button:checked:drop(active):not(:only-child), layouttabbar button:checked:drop(active), .message-input-area button:checked:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:checked:drop(active), .raven .raven-header.top stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:drop(active), .nemo-window .toolbar button:checked:drop(active), toolbar button:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:hover, popover.background button.model:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), .app-notification button:checked:hover, .dialog-action-box button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, infobar.info button:checked:hover, infobar.question button:checked:hover, #caja-extra-view-widget button:checked:hover, .lock-dialog button:checked:hover, .drop-shadow button:checked:hover, .budgie-session-dialog .linked.horizontal > button:checked:hover, #buttonbox_frame button:checked:hover, button.flat:checked:hover, combobox > .linked:not(.vertical) > button:checked:hover:not(:only-child), layouttabbar button:checked:hover, .message-input-area button:checked:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover, .raven .raven-header.top stackswitcher.linked > button:checked:hover, .raven .raven-background stackswitcher.linked > button:checked:hover, .nemo-window .toolbar button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:focus, popover.background button.model:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), .app-notification button:checked:focus, .dialog-action-box button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, infobar.info button:checked:focus, infobar.question button:checked:focus, #caja-extra-view-widget button:checked:focus, .lock-dialog button:checked:focus, .drop-shadow button:checked:focus, .budgie-session-dialog .linked.horizontal > button:checked:focus, #buttonbox_frame button:checked:focus, button.flat:checked:focus, combobox > .linked:not(.vertical) > button:checked:focus:not(:only-child), layouttabbar button:checked:focus, .message-input-area button:checked:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:focus, .raven .raven-header.top stackswitcher.linked > button:checked:focus, .raven .raven-background stackswitcher.linked > button:checked:focus, .nemo-window .toolbar button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } toolbar button:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:active, popover.background button.model:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), .app-notification button:checked:active, .dialog-action-box button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, infobar.info button:checked:active, infobar.question button:checked:active, #caja-extra-view-widget button:checked:active, .lock-dialog button:checked:active, .drop-shadow button:checked:active, .budgie-session-dialog .linked.horizontal > button:checked:active, #buttonbox_frame button:checked:active, button.flat:checked:active, combobox > .linked:not(.vertical) > button:checked:active:not(:only-child), layouttabbar button:checked:active, .message-input-area button:checked:active, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:active, .raven .raven-header.top stackswitcher.linked > button:checked:active, .raven .raven-background stackswitcher.linked > button:checked:active, .nemo-window .toolbar button:checked:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } toolbar button:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, #caja-extra-view-widget button:checked:disabled, .lock-dialog button:checked:disabled, .drop-shadow button:checked:disabled, .budgie-session-dialog .linked.horizontal > button:checked:disabled, #buttonbox_frame button:checked:disabled, button.flat:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), layouttabbar button:checked:disabled, .message-input-area button:checked:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:disabled, .raven .raven-header.top stackswitcher.linked > button:checked:disabled, .raven .raven-background stackswitcher.linked > button:checked:disabled, .nemo-window .toolbar button:checked:disabled { color: rgba(0, 0, 0, 0.38); } toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, #caja-extra-view-widget button.text-button, .lock-dialog button.text-button, .drop-shadow button.text-button, .budgie-session-dialog .linked.horizontal > button.text-button, #buttonbox_frame button.text-button, button.flat.text-button { min-width: 48px; padding-left: 8px; padding-right: 8px; } toolbar button.text-button.image-button, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button.image-button, popover.background button.text-button.image-button.model, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button.image-button, .dialog-action-box button.text-button.image-button, filechooser #pathbarbox > stack > box > button.text-button.image-button, infobar.info button.text-button.image-button, infobar.question button.text-button.image-button, #caja-extra-view-widget button.text-button.image-button, .lock-dialog button.text-button.image-button, .drop-shadow button.text-button.image-button, .budgie-session-dialog .linked.horizontal > button.text-button.image-button, #buttonbox_frame button.text-button.image-button, button.flat.text-button.image-button { min-width: 24px; padding: 6px; } toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, #caja-extra-view-widget button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .drop-shadow button.text-button.image-button label:first-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:first-child, #buttonbox_frame button.text-button.image-button label:first-child, button.flat.text-button.image-button label:first-child { margin-left: 6px; } toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, #caja-extra-view-widget button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .drop-shadow button.text-button.image-button label:last-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:last-child, #buttonbox_frame button.text-button.image-button label:last-child, button.flat.text-button.image-button label:last-child { margin-right: 6px; } toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .drop-shadow .linked:not(.vertical) > button:not(:only-child), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child), popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), infobar.info .linked.vertical > button:not(:only-child), infobar.question .linked.vertical > button:not(:only-child), #caja-extra-view-widget .linked.vertical > button:not(:only-child), .lock-dialog .linked.vertical > button:not(:only-child), .drop-shadow .linked.vertical > button:not(:only-child), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child), #buttonbox_frame .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { border-radius: 4px; } toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked.vertical > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked.vertical > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } button.osd { padding: 12px 16px; } button.osd.image-button { padding: 12px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #1A73E8; color: white; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:drop(active), button.suggested-action:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.suggested-action:active { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #3584eb; } button.suggested-action.flat { background-color: transparent; color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } button.suggested-action.flat:drop(active), button.suggested-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.suggested-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.suggested-action.flat:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } button.suggested-action.flat:checked { background-color: rgba(26, 115, 232, 0.12); } button.destructive-action { background-color: #D93025; color: white; box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:drop(active), button.destructive-action:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button.destructive-action:active { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #de493f; } button.destructive-action.flat { background-color: transparent; color: #D93025; box-shadow: inset 0 0 0 9999px transparent; } button.destructive-action.flat:drop(active), button.destructive-action.flat:hover { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } button.destructive-action.flat:focus { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } button.destructive-action.flat:active { background-image: radial-gradient(circle, rgba(217, 48, 37, 0.16) 10%, transparent 0%); } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } button.destructive-action.flat:checked { background-color: rgba(217, 48, 37, 0.12); } .stack-switcher > button > label { margin: 0 -6px; padding: 0 6px; } .stack-switcher > button > image { margin: -3px -6px; padding: 3px 6px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .inline-toolbar button:not(.text-button) { border-radius: 9999px; } .primary-toolbar button { -gtk-icon-shadow: none; } button.close, button.circular { border-radius: 9999px; } 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 .linked:not(.vertical) > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { animation: needs-attention 225ms 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.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; } .linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; } .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } .linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } .linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 4px; box-shadow: inset 0 0 0 9999px transparent; } modelbutton.flat:drop(active), modelbutton.flat:hover, .menuitem.button.flat:drop(active), .menuitem.button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } modelbutton.flat:focus, .menuitem.button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } modelbutton.flat:active, .menuitem.button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 24px; min-width: 24px; padding: 6px; } /********* * Links * *********/ *:link { color: #1A73E8; } *:visited { color: #9C27B0; } button.link:link { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } button.link:link:drop(active), button.link:link:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.link:link:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.link:link:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.link:visited { color: #9C27B0; box-shadow: inset 0 0 0 9999px transparent; } button.link:visited:drop(active), button.link:visited:hover { box-shadow: inset 0 0 0 9999px rgba(156, 39, 176, 0.12); } button.link:visited:focus { box-shadow: inset 0 0 0 9999px rgba(156, 39, 176, 0.12); } button.link:visited:active { background-image: radial-gradient(circle, rgba(156, 39, 176, 0.16) 10%, transparent 0%); } button.link > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } spinbutton:not(.vertical) entry { min-width: 32px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -3px; } spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { margin-right: -3px; } spinbutton.vertical { caret-color: #1A73E8; } spinbutton.vertical:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry { min-height: 36px; min-width: 48px; padding: 0; } spinbutton.vertical button { min-height: 36px; min-width: 48px; padding: 0; } spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; } spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 4px 4px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: -2px; } combobox button.combo cellview:dir(rtl) { margin-right: -2px; } combobox menu { padding: 2px 0; } combobox menu menuitem { min-height: 32px; padding: 0 8px; } combobox menu > arrow.top { margin-top: -2px; } combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } combobox > .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { margin-right: -36px; padding-right: 36px; } combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { margin-left: -36px; padding-left: 36px; } combobox > .linked:not(.vertical) > button:not(:only-child) { min-height: 16px; min-width: 16px; margin: 6px; padding: 4px; border-radius: 9999px; } button.combo:only-child { border-radius: 4px 4px 0 0; font-weight: normal; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 2/0 0 0px; box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); caret-color: #1A73E8; } button.combo:only-child:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } button.combo:only-child:drop(active), button.combo:only-child:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } button.combo:only-child:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 2/0 0 2px; } button.combo:only-child:disabled { box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #F2F2F2; } .osd toolbar { background-color: transparent; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.osd.bottom { box-shadow: none; background-color: transparent; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FAFAFA; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F2F2F2; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #383838; color: rgba(255, 255, 255, 0.87); } .titlebar:disabled { color: rgba(255, 255, 255, 0.38); } .titlebar:backdrop { background-color: #303030; color: rgba(255, 255, 255, 0.6); } .titlebar:backdrop:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar .subtitle { padding-left: 12px; padding-right: 12px; font-size: smaller; } .titlebar .subtitle, .titlebar .dim-label { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(255, 255, 255, 0.6); } .titlebar .subtitle:backdrop, .titlebar .dim-label:backdrop { color: rgba(255, 255, 255, 0.38); } .titlebar .titlebar { background-color: transparent; box-shadow: none; } .titlebar headerbar + separator { background-color: rgba(255, 255, 255, 0.12); } .titlebar entry { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .titlebar entry:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.38); } .titlebar entry image { color: rgba(255, 255, 255, 0.6); } .titlebar entry image:hover, .titlebar entry image:active { color: rgba(255, 255, 255, 0.87); } .titlebar entry image:disabled { color: rgba(255, 255, 255, 0.38); } .titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } .titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 9999px transparent; } .titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .titlebar button:not(.suggested-action):not(.destructive-action):active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.26); } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87); box-shadow: inset 0 0 0 9999px transparent; } .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.38); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.6); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.26); } .titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.38); } .titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { min-width: 104px; } .titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; padding-left: 6px; padding-right: 6px; } .titlebar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; color: white; } .titlebar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode .subtitle:link { color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; color: white; } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .titlebar .selection-mode { box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; } .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .titlebar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { box-shadow: none; } .titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } headerbar { min-height: 48px; padding: 0 6px; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar separator.titlebutton { margin-top: 12px; margin-bottom: 12px; background-color: rgba(255, 255, 255, 0.12); } headerbar switch { margin-top: 12px; margin-bottom: 12px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag { margin-top: 5px; margin-bottom: 5px; } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar.linked:not(.vertical) > button { padding-left: 6px; padding-right: 6px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 4px; } .caja-pathbar button:checked, .path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(0, 0, 0, 0.87); } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, .path-bar.linked:not(.vertical) > button:checked, .path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, .path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, .path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -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 { background-color: #FFFFFF; background-image: image(rgba(26, 115, 232, 0.24)); } treeview.view:hover, 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: 9999px; border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.6); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.progressbar { border-bottom: 4px solid #1A73E8; box-shadow: none; background-color: transparent; background-image: none; } treeview.view.progressbar:selected:hover { box-shadow: none; } treeview.view.trough { border-bottom: 4px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: transparent; background-image: none; } treeview.view.trough:selected:hover { box-shadow: none; } 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; color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } treeview.view header button:drop(active), treeview.view header button:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } treeview.view header button:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } treeview.view header button:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } treeview.view header button:drop(active):not(:active), treeview.view header button:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } treeview.view header button:disabled { color: rgba(0, 0, 0, 0.26); } 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: #1A73E8; } treeview.view acceleditor > label { background-color: #1A73E8; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #383838; color: rgba(255, 255, 255, 0.87); } menubar:backdrop, .menubar:backdrop { background-color: #303030; color: rgba(255, 255, 255, 0.6); } .csd menubar, .csd .menubar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } menubar > menuitem, .menubar > menuitem { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.6); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.26); } .background.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; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 4px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; color: rgba(0, 0, 0, 0.87); font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: alpha(currentColor, 0.08); } 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; color: rgba(0, 0, 0, 0.6); } menu menuitem arrow:disabled, .menu menuitem arrow:disabled, .context-menu menuitem arrow:disabled { color: rgba(0, 0, 0, 0.26); } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.6); } 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: 4px 4px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 4px 4px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(alpha(currentColor, 0.08)); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.6); } menuitem:disabled accelerator { color: rgba(0, 0, 0, 0.26); } /************ * Popovers * ************/ popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } popover.background:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } popover.background, .csd popover.background { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; } 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 list, popover.background .view:not(:selected), popover.background toolbar { background-color: #FFFFFF; } popover.background.menu button, popover.background button.model { min-height: 32px; padding: 0 8px; border-radius: 4px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ frame > paned > notebook > header, notebook.frame > header { background-color: #FAFAFA; } notebook:focus tab:checked { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F2F2F2; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab { border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px; } notebook > header.top > tabs > tab:checked { border-image-source: linear-gradient(to top, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.top > tabs > tab.reorderable-page { border-image-width: 0 1px 2px; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab { border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0; } notebook > header.bottom > tabs > tab:checked { border-image-source: linear-gradient(to bottom, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { border-image-width: 2px 1px 0; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab { border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0; } notebook > header.left > tabs > tab:checked { border-image-source: linear-gradient(to left, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.left > tabs > tab.reorderable-page { border-image-width: 1px 2px 1px 0; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab { border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px; } notebook > header.right > tabs > tab:checked { border-image-source: linear-gradient(to right, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.right > tabs > tab.reorderable-page { border-image-width: 1px 0 1px 2px; } 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; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } notebook > header > tabs > arrow:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } notebook > header > tabs > arrow:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } notebook > header > tabs > arrow:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 6px 12px; border-width: 1px; border-color: transparent; outline: none; background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; background-clip: border-box; color: rgba(0, 0, 0, 0.6); font-weight: 500; } notebook > header tab:hover { background-color: alpha(currentColor, 0.08); } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; 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 > box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: -6px -12px; padding: 6px 12px; } notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); } 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 { 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 { border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.6); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { margin: 2px 0; } scrollbar.fine-tune.vertical slider { margin: 0 2px; } scrollbar.overlay-indicator:not(.fine-tune) slider { transition-property: background-color, min-height, min-width; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.26); background-clip: padding-box; font-size: 0; } switch:checked { background-color: rgba(26, 115, 232, 0.5); } switch:disabled { opacity: 0.5; } switch image { margin: -8px; -gtk-icon-transform: scale(0); } switch slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline: none; box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #FFFFFF; } switch:hover slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:checked slider { background-color: #1A73E8; color: #1A73E8; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view:not(list) .tile check { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view:not(list) .tile check:hover, .content-view:not(list) .tile check:active { -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), .content-view:not(list) .tile check { -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:not(list) .tile check:checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton, radiobutton { outline: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; border-radius: 9999px; color: rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 0 9999px transparent; } check:drop(active), check:hover, radio:drop(active), radio:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } check:focus, radio:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } check:active, radio:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover, radio:checked:drop(active), radio:checked:hover, radio:indeterminate:drop(active), radio:indeterminate:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } check:checked:focus, check:indeterminate:focus, radio:checked:focus, radio:indeterminate:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } check:disabled, radio:disabled { color: rgba(0, 0, 0, 0.26); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { transition: none; box-shadow: none; background-image: none; } popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check, 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; border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#1A73E8), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent)); } #MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } #MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } #MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } treeview.view check, treeview.view radio { padding: 0; color: rgba(0, 0, 0, 0.6); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #1A73E8; } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover, treeview.view radio, treeview.view radio:hover, treeview.view radio:selected, treeview.view radio:selected:hover { box-shadow: none; background-color: transparent; } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 2px; min-width: 2px; } scale.horizontal { padding: 17px 12px; } scale.vertical { padding: 12px 17px; } scale slider { min-height: 32px; min-width: 32px; margin: -15px; } scale.fine-tune.horizontal { min-height: 4px; padding-top: 16px; padding-bottom: 16px; } scale.fine-tune.vertical { min-width: 4px; padding-left: 16px; padding-right: 16px; } scale.fine-tune slider { margin: -14px; } scale trough { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); background-image: image(#1A73E8); } scale highlight:disabled { background-color: #F2F2F2; background-image: image(rgba(0, 0, 0, 0.26)); } scale fill { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; color: #1A73E8; } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:hover { background-color: alpha(currentColor, 0.08); } scale slider:focus { background-color: alpha(currentColor, 0.08); } scale slider:active { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; } scale marks, scale value { color: rgba(0, 0, 0, 0.6); } scale indicator { background-color: rgba(0, 0, 0, 0.26); color: transparent; } scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } scale.horizontal marks.bottom { margin-top: 7px; margin-bottom: -15px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } scale.vertical marks.top { margin-right: 7px; margin-left: -15px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } scale.vertical marks.bottom { margin-left: 7px; margin-right: -15px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } scale.horizontal indicator { min-height: 8px; min-width: 1px; } scale.vertical indicator { min-height: 1px; min-width: 8px; } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:active { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.color { min-height: 0; min-width: 0; } scale.color.horizontal { padding: 0 0 12px 0; } scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { margin-bottom: -24px; margin-top: 8px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -24px; margin-right: 8px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -24px; margin-left: 8px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.6); 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(0, 0, 0, 0.12); } progressbar progress { background-color: #1A73E8; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 4px; } levelbar.horizontal.discrete block { min-width: 36px; } levelbar.horizontal.discrete block:not(:last-child) { margin-right: 2px; } levelbar.vertical block { min-width: 4px; } levelbar.vertical.discrete block { min-height: 36px; } levelbar.vertical.discrete block:not(:last-child) { margin-bottom: 2px; } levelbar block.low { background-color: #F4B400; } levelbar block.high, levelbar block:not(.empty) { background-color: #1A73E8; } levelbar block.full { background-color: #0F9D58; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat { border-style: none; } frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; background-clip: border-box; } actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(26, 115, 232, 0.24)), 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, transparent 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, transparent 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, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } 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, stacksidebar.sidebar + separator.vertical, stacksidebar.sidebar separator.horizontal, .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 { box-shadow: inset 0 0 0 9999px transparent; } row.activatable:drop(active), row.activatable:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } row.activatable:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } row.activatable:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } row.activatable.has-open-popup { background-color: alpha(currentColor, 0.12); } row:selected { box-shadow: inset 0 0 0 9999px transparent; } row:selected:drop(active), row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .app-notification button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .app-notification button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.6); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } /************ * Calendar * ************/ calendar { padding: 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: 5px; } calendar.header { border-style: none none solid; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; } calendar.button { border-radius: 5px; color: rgba(0, 0, 0, 0.6); } calendar.button:hover { background-image: image(alpha(currentColor, 0.08)); } calendar.button:disabled { color: rgba(0, 0, 0, 0.26); } calendar.highlight { color: rgba(0, 0, 0, 0.6); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FFFFFF; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.6); } messagedialog.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } messagedialog box.vertical > label + label { color: rgba(0, 0, 0, 0.6); } messagedialog .dialog-action-box { margin-top: -6px; } messagedialog .dialog-action-box button:not(:last-child) { margin-right: 6px; } .dialog-action-box button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button:not(:disabled):drop(active), .dialog-action-box button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .dialog-action-box button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .dialog-action-box button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .dialog-action-box button.suggested-action:not(:disabled) { background-color: transparent; } .dialog-action-box button.destructive-action:not(:disabled) { background-color: transparent; color: #D93025; box-shadow: inset 0 0 0 9999px transparent; } .dialog-action-box button.destructive-action:not(:disabled):drop(active), .dialog-action-box button.destructive-action:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12); } .dialog-action-box button.destructive-action:not(:disabled):active { background-image: radial-gradient(circle, rgba(217, 48, 37, 0.16) 10%, transparent 0%); } 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: #F2F2F2; } filechooser #pathbarbox > stack > box > button { border-radius: 9999px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #FAFAFA; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr) { border-style: none; } stacksidebar.sidebar list { padding: 4px; background-color: #FAFAFA; } stacksidebar.sidebar row { min-height: 32px; padding: 0 2px; border-radius: 4px; } stacksidebar.sidebar row:selected { font-weight: 500; color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } stacksidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } stacksidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } stacksidebar.sidebar row + row { margin-top: 4px; } stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; } separator.sidebar { background-color: rgba(0, 0, 0, 0.12); } /**************** * File chooser * ****************/ row image.sidebar-icon { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(0, 0, 0, 0.6); } row image.sidebar-icon:disabled { color: rgba(0, 0, 0, 0.26); } placessidebar.sidebar > viewport.frame { border-style: none; } placessidebar.sidebar list { padding: 1px 0 4px; } placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } placessidebar.sidebar row > revealer { padding: 0 8px; } placessidebar.sidebar row:selected { font-weight: 500; color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } placessidebar.sidebar row:selected:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } placessidebar.sidebar row:selected:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } placessidebar.sidebar row:selected image.sidebar-icon { color: #1A73E8; } placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } placessidebar.sidebar row.sidebar-new-bookmark-row { color: #1A73E8; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { color: #1A73E8; } 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: #F2F2F2; 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, infobar.question { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } infobar.info button.text-button:not(:disabled):drop(active), infobar.info button.text-button:not(:disabled):hover, infobar.question button.text-button:not(:disabled):drop(active), infobar.question button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } infobar.info button.text-button:not(:disabled):focus, infobar.question button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } infobar.info button.text-button:not(:disabled):active, infobar.question button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } infobar.warning { background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } infobar.warning button.flat { color: rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 9999px transparent; } infobar.warning button.flat:drop(active), infobar.warning button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); } infobar.warning button.flat:active { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); } infobar.warning *:link { color: rgba(0, 0, 0, 0.87); } infobar.error { background-color: #D93025; color: white; } infobar.error button.flat { color: white; box-shadow: inset 0 0 0 9999px transparent; } infobar.error button.flat:drop(active), infobar.error button.flat:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } infobar.error button.flat:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } infobar.error button.flat:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } infobar.error *:link { color: white; } infobar button label { margin: 0 -4px; } /************ * Tooltips * ************/ tooltip { border-radius: 4px; box-shadow: none; } tooltip.background { background-color: rgba(97, 97, 97, 0.9); color: white; } tooltip decoration { background-color: transparent; } tooltip > box { margin: -6px; min-height: 24px; padding: 4px 8px; } tooltip .dim-label { color: rgba(255, 255, 255, 0.7); } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 4.5px; border-top-right-radius: 4.5px; } colorswatch.top overlay { border-top-left-radius: 4px; border-top-right-radius: 4px; } colorswatch.bottom { border-bottom-left-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 4.5px; border-bottom-left-radius: 4.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 4.5px; border-bottom-right-radius: 4.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } colorswatch.dark { color: white; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } colorswatch overlay:drop(active), colorswatch overlay:hover { box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); } colorswatch#add-color-button:only-child { border-radius: 4px; } colorswatch#add-color-button overlay { background-color: #FFFFFF; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 4.5px; } colorswatch#editor-color-sample overlay { border-radius: 4px; } colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #F2F2F2; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; } .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } .csd.popup decoration { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } tooltip.csd decoration { border-radius: 4px; box-shadow: none; } messagedialog.csd decoration { border-radius: 4px; } .solid-csd decoration { margin: 0; padding: 2px; border-radius: 0; box-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #383838; } .solid-csd decoration:backdrop { background-color: #303030; } button.titlebutton { border-radius: 9999px; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { background-color: rgba(26, 115, 232, 0.24); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { color: #1A73E8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-transform: rotate(90deg); } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-transform: unset; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { padding-top: 6px; -gtk-icon-transform: rotate(45deg); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 36px; min-height: 36px; padding: 0; } /************* * App Icons * *************/ /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin: 4px; } button.emoji-section:checked { color: #1A73E8; background-color: rgba(26, 115, 232, 0.16); box-shadow: inset 0 0 0 9999px transparent; } button.emoji-section:checked:drop(active), button.emoji-section:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.emoji-section:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } button.emoji-section:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } button.emoji-section:not(:last-child) { margin-right: 0; } popover.emoji-picker .emoji { min-width: 3em; min-height: 3em; padding: 0 8px; } popover.emoji-picker .emoji widget { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } popover.emoji-picker .emoji widget:hover { background-color: alpha(currentColor, 0.08); } popover.emoji-completion { padding: 8px 0; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion .emoji-completion-row { min-height: 28px; padding: 0 12px; } popover.emoji-completion .emoji:hover { background-color: alpha(currentColor, 0.08); } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(0, 0, 0, 0.6); } @keyframes nautilus-operations-button-needs-attention { to { background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button { border-radius: 9999px; } .path-bar-box { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 4px; } .path-bar-box button { margin: 0; } .path-bar-box.width-maximized { background-color: rgba(255, 255, 255, 0.04); } .path-bar-box.background.frame { border-style: none; background-color: rgba(255, 255, 255, 0.04); } .path-bar-box .path-bar button label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .path-bar button label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 6px; padding-right: 6px; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { min-width: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(255, 255, 255, 0.9); } .nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-left-style: none; border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-right-style: none; border-top-right-radius: 0; } .nautilus-window .floating-bar button { margin: 4px; } .disk-space-display.unknown { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .disk-space-display.used { background-color: #1A73E8; color: #1A73E8; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.08); } .search-information { padding: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .conflict-row:not(:selected) { background-color: #fce9b3; } .nautilus-window flowboxchild .icon-item-background { padding: 4px; border-radius: 4px; } .nautilus-window flowboxchild:selected { background-color: transparent; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(0, 0, 0, 0.6); } .nautilus-window headerbar revealer > button { border-radius: 9999px; } .nautilus-window paned > separator { background-color: #FAFAFA; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.6); font-size: smaller; } .open-document-selector-match { background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } .gedit-document-panel { background-color: #FAFAFA; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; } .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { margin-right: -66px; padding-right: 66px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) { margin-left: -66px; padding-left: 66px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { background-color: #FFFFFF; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider .linked:not(.vertical) > button { border: solid 6px transparent; border-radius: 9999px; } .gedit-search-slider .linked:not(.vertical) > button:last-child:dir(ltr), .gedit-search-slider .linked:not(.vertical) > button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider .linked:not(.vertical) > button:first-child:dir(rtl), .gedit-search-slider .linked:not(.vertical) > button:not(:last-child):dir(ltr) { margin-right: -3px; } frame.gedit-map-frame > border:dir(ltr) { border-style: none none none solid; } frame.gedit-map-frame > border:dir(rtl) { border-style: none solid none none; } /********** * Tweaks * **********/ .tweak-categories { background-image: image(#FAFAFA); } .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#ClickMethod, 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#ClickMethod row:not(:last-child), row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } row#Focus.tweak > list, row#ClickMethod.tweak > list, row#StaticWorkspaceTweak.tweak > list, row#dynamic-workspaces.tweak > list, row#PrimaryWorkspaceTweak.tweak > list, row#workspaces-only-on-primary.tweak > list { margin-top: -3px; } row#Focus, row#ClickMethod, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { background-color: inherit; box-shadow: inherit; transition: color 75ms cubic-bezier(0, 0, 0.2, 1); } hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator, hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator { background-color: inherit; background-image: image(rgba(255, 255, 255, 0.12)); } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #F2F2F2; } 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 #1A73E8; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #D93025; color: white; } window.workbench treeview.image { color: rgba(0, 0, 0, 0.6); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 4px; } popover.popover-selector list row image:dir(ltr) { margin-right: 6px; } popover.popover-selector list row image:dir(rtl) { margin-left: 6px; } popover.popover-selector list row .accel:dir(ltr) { margin-left: 6px; } popover.popover-selector list row .accel:dir(rtl) { margin-right: 6px; } omnibar.linked:not(.vertical) entry { border-radius: 4px; } omnibar entry { color: rgba(0, 0, 0, 0.6); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } entry.preferences-search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: #FFFFFF; } preferences stacksidebar.sidebar list { background-color: #FAFAFA; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 4px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 4px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(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: #F2F2F2; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #F2F2F2; } docktab { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.6); font-weight: 500; } docktab:hover { background-color: alpha(currentColor, 0.08); } docktab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #1A73E8; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #F2F2F2; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #1A73E8; } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #1A73E8; } pillbox { background-color: #F2F2F2; border-radius: 4px; } layoutpane entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; background-color: transparent; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } window.workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } button.run-arrow-button { padding-left: 10px; padding-right: 10px; } button.dzlmenubutton image { min-width: 30px; } button.dzlmenubutton image.arrow { min-width: 27px; } button.dzlmenubuttonitem { color: rgba(0, 0, 0, 0.87); font-weight: normal; } button.dzlmenubuttonitem:disabled { color: rgba(0, 0, 0, 0.38); } idelayoutstackheader { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } idelayoutstackheader button:checked { color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: #F2F2F2; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #1A73E8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #1A73E8; } 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); } dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected { background-color: #1A73E8; color: white; } #titlebar_container .suggestionbutton button { padding: 0; border-radius: 0; box-shadow: inset 0 0 0 9999px #383838; } #titlebar_container .suggestionbutton button:backdrop { box-shadow: inset 0 0 0 9999px #303030; } #titlebar_container .suggestionbutton button image { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1); min-width: 36px; min-height: 36px; border-radius: 9999px; box-shadow: inset 0 0 0 9999px transparent; } #titlebar_container .suggestionbutton button:hover image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:focus image { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #titlebar_container .suggestionbutton button:active image { background-color: alpha(currentColor, 0.12); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #1A73E8; color: white; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { color: rgba(0, 0, 0, 0.87); font-weight: normal; } button.photos-filter-preview:checked { background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } button.photos-filter-preview:checked image { color: white; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#FAFAFA); } .side-panel .view:hover { background-image: image(rgba(234, 234, 234, 0.9896)); } .side-panel .view:selected { background-image: image(#1A73E8); } .side-panel .view:selected:hover { background-image: image(#2c7eea); } .songs-list:hover { background-image: image(alpha(currentColor, 0.08)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Terminal * ************/ terminal-window notebook > header > box { margin: -2px -2px -3px; } terminal-window notebook > header > box button { border-radius: 0; } /********* * To Do * *********/ task-list-view taskrow { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } task-list-view taskrow:hover { transition: none; } task-list-view taskrow label { margin: 0 8px; } task-list-view taskrow image.dim-label { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -6px; } task-list-view > box > revealer > box > button .dim-label { color: inherit; } tasklistview taskrow { outline: none; } tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { box-shadow: none; } tasklistview taskrow image.dim-label { min-width: 16px; } tasklistview > box > revealer > box > button { margin: -6px; } tasklistview > box > revealer > box > button .dim-label { color: inherit; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } /************* * Evolution * *************/ frame.taskbar > border { border-style: solid none none; } box.vertical > paned.horizontal notebook widget .frame { border-style: none; } /******** * gitg * ********/ frame.commit-frame > border { border-style: solid none none; } /************** * Characters * **************/ box.dialog-vbox scrolledwindow.related { border: 1px solid rgba(0, 0, 0, 0.12); } list.categories { background-image: image(#FAFAFA); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); color: white; } /********** * Evince * **********/ evview.content-view.view:selected { background-color: #1A73E8; color: white; } /********** * Polari * **********/ .polari-room-list row:selected { background-color: rgba(26, 115, 232, 0.5); } /*********** * Fractal * ***********/ button.osd.scroll_button { margin: 4px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } overlay > revealer.left > scrolledwindow.frame { margin-right: 32px; } overlay > revealer.right > scrolledwindow.frame { margin-left: 32px; } .terminix-session-sidebar, .tilix-session-sidebar { background-image: image(#FFFFFF); } .terminal-titlebar button { border-radius: 0; } button.image-button.session-new-button { min-width: 32px; } notebook.tilix-background tab > box > stack { margin: -6px; } button.flat.tilix-small-button { min-height: 20px; min-width: 16px; } /************** * Terminator * **************/ .terminator-terminal-window paned > separator { background-color: #F2F2F2; } .terminator-terminal-window notebook.frame { border-style: none; } /************* * Ubitquity * *************/ #live_installer .menubar progressbar trough { border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); } /*********** * Eclipse * ***********/ window.background > box.vertical > scrolledwindow > widget toolbar { padding: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar separator, window.background > box.vertical > scrolledwindow > widget toolbar button { margin: 2px; } window.background > box.vertical > scrolledwindow > widget toolbar button { border-radius: 4px; } /************ * Chromium * ************/ window.background.chromium { background-color: #FFFFFF; } window.background.chromium entry, window.background.chromium > button { border: 1px solid rgba(0, 0, 0, 0.26); } window.background.chromium > button { color: #1A73E8; } window.background.chromium > button:disabled { color: rgba(0, 0, 0, 0.26); } window.background.chromium menubar, window.background.chromium headerbar { color: rgba(255, 255, 255, 0.6); } window.background.chromium headerbar button:active { background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #1A73E8; } window.background.chromium textview.view { background-color: transparent; } window.background.chromium treeview.view.cell:selected:focus { background-color: #1A73E8; color: white; } window.background.chromium treeview.view button { border: 1px solid rgba(0, 0, 0, 0.26); background-color: #FFFFFF; } tooltip.background.chromium { background-color: #616161; } /*********** * Firefox * ***********/ #MozillaGtkWidget > widget text { background-color: #FFFFFF; } #MozillaGtkWidget > widget text:selected { background-color: #1A73E8; color: white; } #MozillaGtkWidget > widget > separator { color: rgba(0, 0, 0, 0.12); } #MozillaGtkWidget > widget > frame > border { border-color: #b3b3b3; } #MozillaGtkWidget > widget > entry, #MozillaGtkWidget > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 4px; box-shadow: none; } #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { border-color: rgba(0, 0, 0, 0.12); } #MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #FFFFFF; } #MozillaGtkWidget > widget > entry:focus { border-color: #1A73E8; box-shadow: inset 0 0 0 1px #1A73E8; } #MozillaGtkWidget > widget > entry:disabled { background-color: #FAFAFA; } #MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } #MozillaGtkWidget > widget > button > button:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } #MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } #MozillaGtkWidget > widget > checkbutton > check, #MozillaGtkWidget > widget > radiobutton > radio { margin: 0; padding: 0; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, #MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } #MozillaGtkWidget menu { border: none; } #MozillaGtkWidget menuitem label:disabled { color: rgba(0, 0, 0, 0.38); } #MozillaGtkWidget > widget > menubar { color: rgba(255, 255, 255, 0.6); } #MozillaGtkWidget > widget > menubar:hover { color: rgba(255, 255, 255, 0.87); } #MozillaGtkWidget > widget > menubar:disabled { color: rgba(255, 255, 255, 0.26); } #MozillaGtkWidget > widget > frame { color: rgba(0, 0, 0, 0.26); } #MozillaGtkWidget 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: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { border-width: 4px; } #ToolboxCommon > toolbar.vertical { margin-top: -4px; } #ToolboxCommon > toolbar.vertical button { min-height: 24px; min-width: 24px; padding: 4px; border-radius: 4px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #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 * ***********/ /********* * 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: #1A73E8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #383838; color: rgba(255, 255, 255, 0.87); } UnityDecoration .top:backdrop { background-color: #303030; color: rgba(255, 255, 255, 0.6); } UnityDecoration .menuitem { border-radius: 4px 4px 0 0; box-shadow: none; color: rgba(255, 255, 255, 0.6); } UnityDecoration .menuitem:hover { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #1F1F1F; color: rgba(255, 255, 255, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(255, 255, 255, 0.6); } .unity-panel.menuitem, .unity-panel .menuitem { color: rgba(255, 255, 255, 0.6); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.87); } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #1A73E8; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .mate-panel-menu-bar button:drop(active), .mate-panel-menu-bar button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .mate-panel-menu-bar button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .mate-panel-menu-bar button:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar button:checked { color: white; } .mate-panel-menu-bar button:checked:disabled { color: rgba(255, 255, 255, 0.5); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px); background-repeat: no-repeat; background-size: 4px 10px; color: rgba(255, 255, 255, 0.3); } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(ltr) { background-position: 3px; } MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(rtl) { background-position: calc(100% - 3px); } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { color: white; } .mate-panel-menu-bar menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { padding: 0 8px; } .mate-panel-menu-bar.vertical menubar > menuitem { padding: 8px 0; } .mate-panel-menu-bar menubar menu > menuitem { min-height: 28px; padding: 0 6px; } .mate-panel-menu-bar #PanelApplet button { -GtkWidget-window-dragging: true; } .mate-panel-menu-bar #tasklist-button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #1A73E8; } .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: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow calendar { border-style: none; } #MatePanelPopupWindow calendar:not(:selected) { background-color: transparent; } #MatePanelPopupWindow calendar + box { margin-top: -5px; padding-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow expander > title { min-height: 32px; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow > frame > box > box > box > widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button:not(.flat) { background-color: alpha(currentColor, 0.12); } #mate-menu button image, #mate-menu button label + label { color: rgba(0, 0, 0, 0.6); } #mate-menu entry { margin: 0 0 4px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 4px; padding: 6px; } .brisk-menu { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .brisk-menu entry { margin-bottom: -2px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; box-shadow: none; background-color: transparent; } .brisk-menu entry + box > box:dir(ltr) { margin-right: -2px; border-right: 1px solid rgba(0, 0, 0, 0.12); } .brisk-menu entry + box > box:dir(rtl) { margin-left: -2px; border-left: 1px solid rgba(0, 0, 0, 0.12); } .brisk-menu .categories-list { padding-top: 4px; } .brisk-menu .categories-list button { margin: 0 4px; } .brisk-menu .categories-list button:checked { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .brisk-menu .categories-list button:checked:drop(active), .brisk-menu .categories-list button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .brisk-menu .categories-list button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .brisk-menu .categories-list button:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .brisk-menu .session-button { padding: 12px; } .brisk-menu .frame { border-style: none; } .brisk-menu .apps-list { padding: 4px 0; background-color: transparent; } .brisk-menu .apps-list row { padding: 0; } .brisk-menu .apps-list row:hover { box-shadow: none; } .brisk-menu .apps-list button { border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } /********************* * CAJA File manager * *********************/ .caja-navigation-window box.horizontal > button.toggle.image-button { border-radius: 4px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button.slider-button { min-width: 24px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-canvas-item { border-radius: 4px; } .caja-desktop.view .entry, .caja-navigation-window .view .entry { border: none; border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); background-image: none; color: rgba(0, 0, 0, 0.87); } .caja-desktop.view .entry:selected, .caja-navigation-window .view .entry:selected { background-color: rgba(26, 115, 232, 0.24); } .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } .caja-desktop.view .entry:selected { background-color: rgba(26, 115, 232, 0.24); } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } #caja-extra-view-widget > box > box > label { font-weight: bold; } #caja-extra-view-widget button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #caja-extra-view-widget button:not(:disabled):drop(active), #caja-extra-view-widget button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #caja-extra-view-widget button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #caja-extra-view-widget button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .lock-dialog frame > border { border-style: none; } .lock-dialog button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .lock-dialog button:not(:disabled):drop(active), .lock-dialog button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .lock-dialog button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .lock-dialog button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); color: white; } MsdOsdWindow.background.osd .trough { border-radius: 0; background-color: rgba(255, 255, 255, 0.12); } MsdOsdWindow.background.osd .progressbar { border-radius: 0; background-color: white; } /****************** * Budgie Desktop * ******************/ .budgie-container { background-color: transparent; } .budgie-settings-window buttonbox.inline-toolbar { border-style: none none solid; } .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; } .budgie-popover { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .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 button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.budgie-menu .sidebar, .budgie-popover.budgie-menu scrollbar, .budgie-popover.budgie-menu entry.search { background-color: transparent; } .budgie-popover.budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-image: none; border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-popover.budgie-menu button.flat:not(.image-button) { min-height: 32px; padding: 0 8px; border-radius: 0; } .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active), .budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) { transition-property: all, border-image, background-size, background-image, box-shadow; transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; } .budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled { background-color: transparent; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .name-button image:dir(ltr) { margin-right: 3px; } .budgie-popover.places-menu .name-button image:dir(rtl) { margin-left: 3px; } .budgie-popover.places-menu .unmount-button { margin: 2px; padding: 0; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { box-shadow: none; } .workspace-switcher .workspace-add-button:active { background-image: none; } .workspace-switcher .workspace-add-button:active image { margin: 1px 0 -1px; } .budgie-panel .workspace-switcher .workspace-icon-button { min-height: 24px; min-width: 24px; padding: 0; border-radius: 4px; } .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #1F1F1F; 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; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .budgie-panel button:drop(active), .budgie-panel button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .budgie-panel button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-panel button:disabled { color: rgba(255, 255, 255, 0.3); } .budgie-panel button:checked { color: white; } .budgie-panel button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(255, 255, 255, 0.3); } .budgie-panel .alert { color: #8AB4F8; } .budgie-panel .titlebar:not(headerbar) { min-height: 0; padding: 0; box-shadow: none; background-color: transparent; color: white; } .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .budgie-panel .unpinned button.flat.launcher, .budgie-panel .pinned button.flat.launcher.running, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { border-style: none; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } .top frame.raven-frame > border { margin-bottom: 32px; } .bottom frame.raven-frame > border { margin-top: 32px; } .left frame.raven-frame > border { margin-right: 32px; } .right frame.raven-frame > border { margin-left: 32px; } .raven { background-color: #FFFFFF; } .raven list { background-color: transparent; } .raven > box:not(:only-child) { margin-bottom: -10px; } .raven .raven-header { min-height: 36px; padding: 3px; } .raven .raven-header.top { padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .raven .raven-header.top stackswitcher.linked > button { margin: -4px 0 -5px; padding: 0 16px; min-height: 48px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven .raven-header.top stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven stack .raven-header { margin-top: -6px; } .raven stack scrolledwindow .raven-header { margin-top: -8px; } .raven .expander-button { border-radius: 9999px; } .raven .raven-background stackswitcher.linked > button { margin: -2px 8px 9px; padding: 0 12px; min-height: 32px; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.08); font-weight: normal; } .raven .raven-background stackswitcher.linked > button:checked { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .raven .raven-background stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .raven .raven-background stackswitcher.linked > button:checked:active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .raven .raven-background stackswitcher.linked > button:not(:first-child) { margin-left: 0; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.08); } .raven revealer > .raven-background { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .raven .raven-header + .raven-background { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame > list > row { padding: 0; box-shadow: none; background: none; } .raven viewport.frame > list > row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame > list > row > box { margin-top: -5px; margin-left: -5px; margin-bottom: -5px; } .raven viewport.frame > list > row > box > box { padding: 6px; margin-bottom: -10px; } .raven viewport.frame > list > row > box > list > row { padding: 8px; } .raven viewport.frame > list > row > box > list > row > box { margin-bottom: -5px; } .raven viewport.frame > list > row > box > list > row > box > box > label { font-weight: bold; } .raven viewport.frame > list > row > box > list > row > box > box > button.image-button { padding: 0; } .raven viewport.frame > list > row > box > list > row > box > label { margin-top: -6px; font-size: smaller; } .raven .powerstrip button { margin: 2px 0 1px; padding: 12px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 4px; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: white; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 12px; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .raven-mpris button.image-button:drop(active), .raven-mpris button.image-button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .raven-mpris button.image-button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-notification .notification-body, .budgie-switcher .notification-body { color: rgba(0, 0, 0, 0.6); } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .drop-shadow button.text-button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .drop-shadow button.text-button:not(:disabled):drop(active), .drop-shadow button.text-button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .drop-shadow button.text-button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .drop-shadow button.text-button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .drop-shadow .linked > button { margin-right: 6px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 4px; } .budgie-session-dialog > box { padding: 8px; } .budgie-session-dialog image { margin: -8px; -gtk-icon-transform: scale(0); } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { margin-bottom: 8px; font-size: 20px; font-weight: 500; } .budgie-session-dialog .dialog-title + label { color: rgba(0, 0, 0, 0.6); } .budgie-session-dialog .linked.horizontal > button:not(:last-child) { margin-right: 8px; } .budgie-session-dialog .linked.horizontal > button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } .budgie-session-dialog .linked.horizontal > button:not(:disabled):drop(active), .budgie-session-dialog .linked.horizontal > button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } .budgie-session-dialog .linked.horizontal > button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.6); } .budgie-polkit-dialog .failure { color: #D93025; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; border-image: none; box-shadow: none; background-color: transparent; } .budgie-run-dialog list { padding: 4px 0; background-color: transparent; } .budgie-run-dialog list .dim-label { color: inherit; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-run-dialog scrollbar.right, .budgie-run-dialog scrollbar.bottom { border-bottom-right-radius: 4px; } .budgie-run-dialog scrollbar.left, .budgie-run-dialog scrollbar.bottom { border-bottom-left-radius: 4px; } /************** * Xfce4 Apps * **************/ .XfceHeading { background-color: #FFFFFF; } /*************** * xfce4-panel * ***************/ .xfce4-panel.background { border: none; background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .xfce4-panel.background button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; color: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 9999px transparent; } .xfce4-panel.background button:drop(active), .xfce4-panel.background button:hover { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:focus { box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); } .xfce4-panel.background button:active { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); } .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } .xfce4-panel.background button:checked { color: white; } .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button:checked { border-image: image(currentColor) 0 0 2/0 0 2px; } .xfce4-panel.background .tasklist button image { padding: 4px; } .xfce4-panel.background frame > border { border-style: none; } .xfce4-panel.background progressbar progress { background-color: #8AB4F8; } .xfce4-panel.background progressbar trough { background-color: rgba(255, 255, 255, 0.12); } wnck-pager:hover { background-color: alpha(currentColor, 0.08); } wnck-pager:active { background-color: alpha(currentColor, 0.12); } wnck-pager:selected { background-color: #1A73E8; } XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { box-shadow: none; } XfdesktopIconView.view .rubberband { border-radius: 0; } #XfceNotifyWindow { border-radius: 4px; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #XfceNotifyWindow buttonbox button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #XfceNotifyWindow buttonbox button:not(:disabled):drop(active), #XfceNotifyWindow buttonbox button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #XfceNotifyWindow buttonbox button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } #XfceNotifyWindow label#summary { font-weight: bold; } #XfceNotifyWindow label#summary + label { color: rgba(0, 0, 0, 0.6); } #xfwm-tabwin { padding: 12px; border-radius: 4px; -XfwmTabwinWidget-icon-size: 64px; -XfwmTabwinWidget-preview-size: 64px; } /********** * Thunar * **********/ .thunar #location-toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .thunar #location-toolbar > toolitem > button { min-width: 24px; padding: 6px; border-radius: 9999px; } .thunar .shortcuts-pane.frame, .thunar .standard-view.frame { border-style: none; } .thunar .sidebar .view:not(:selected) { background-color: transparent; } .thunar statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: white; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: white; } #panel_window menubar > menuitem:disabled { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 4px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } #content_frame { padding-bottom: 16px; } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame > box, #buttonbox_frame > buttonbox { margin: -16px; } #buttonbox_frame button:not(:disabled) { color: #1A73E8; box-shadow: inset 0 0 0 9999px transparent; } #buttonbox_frame button:not(:disabled):drop(active), #buttonbox_frame button:not(:disabled):hover { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #buttonbox_frame button:not(:disabled):focus { box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } #buttonbox_frame button:not(:disabled):active { background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%); } /******** * Nemo * ********/ .nemo-window .primary-toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .nemo-window .primary-toolbar stack > box { margin: -2px; } .nemo-window .primary-toolbar button.text-button { padding-left: 8px; padding-right: 8px; } .nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { padding-left: 4px; padding-right: 4px; } .nemo-window scrolledwindow.frame { border-style: none; } .nemo-window scrolledwindow.frame .view:not(:selected) { background-color: transparent; } .nemo-window infobar { margin-top: -6px; } .nemo-window .nemo-inactive-pane .view:not(:selected) { background-color: #FAFAFA; } .nemo-window .nemo-window-pane widget.entry { border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); } .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: gainsboro; -NemoPlacesTreeView-disk-full-fg-color: #1A73E8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; -NemoPlacesTreeView-disk-full-max-length: 80px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color 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 #F2F2F2; /* 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 #1A73E8; /* text/foreground color of selections */ @define-color theme_selected_fg_color white; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #F2F2F2; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #FAFAFA; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #F2F2F2; /* 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 #1A73E8; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color white; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #F4B400; @define-color error_color #D93025; @define-color success_color #0F9D58; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title rgba(255, 255, 255, 0.87); @define-color wm_unfocused_title rgba(255, 255, 255, 0.6); @define-color wm_highlight rgba(255, 255, 255, 0.1); @define-color wm_bg #383838; @define-color wm_unfocused_bg #303030; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #666666; materia-theme-20200320/src/gtk/3.0/gtk.scss000066400000000000000000000004241363503524500200320ustar00rootroot00000000000000$variant: 'light'; $topbar: 'dark'; $compact: 'false'; @import '../../_sass/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-20200320/src/gtk/assets.svg000066400000000000000000000203171363503524500200760ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets.txt000066400000000000000000000014621363503524500201160ustar00rootroot00000000000000selectionmode-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 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 materia-theme-20200320/src/gtk/assets/000077500000000000000000000000001363503524500173525ustar00rootroot00000000000000materia-theme-20200320/src/gtk/assets/scalable/000077500000000000000000000000001363503524500211205ustar00rootroot00000000000000materia-theme-20200320/src/gtk/assets/scalable/checkbox-checked-symbolic.svg000066400000000000000000000003551363503524500266350ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/checkbox-mixed-symbolic.svg000066400000000000000000000003071363503524500263520ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/checkbox-unchecked-symbolic.svg000066400000000000000000000003041363503524500271720ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/cursor-handle-symbolic.svg000066400000000000000000000001571363503524500262310ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/radio-checked-symbolic.svg000066400000000000000000000004371363503524500261460ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/radio-mixed-symbolic.svg000066400000000000000000000003651363503524500256660ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/radio-unchecked-symbolic.svg000066400000000000000000000003461363503524500265100ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/small-checkbox-checked-symbolic.svg000066400000000000000000000003531363503524500277410ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/small-checkbox-mixed-symbolic.svg000066400000000000000000000002761363503524500274650ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/small-checkbox-unchecked-symbolic.svg000066400000000000000000000003001363503524500302740ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/small-radio-checked-symbolic.svg000066400000000000000000000004411363503524500272470ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/small-radio-mixed-symbolic.svg000066400000000000000000000003611363503524500267700ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scalable/small-radio-unchecked-symbolic.svg000066400000000000000000000003441363503524500276140ustar00rootroot00000000000000 materia-theme-20200320/src/gtk/assets/scale-horz-marks-after-slider-dark.png000066400000000000000000000006131363503524500265400ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<fPLTEz!tRNS!bdegh9gjIDAT(S70C%s0dFw4ѯgG5UhiınZgYKV 0 y `Vwo-bGFʼaSSt}}'}} GfI IENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-after-slider-dark@2.png000066400000000000000000000010351363503524500267210ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEʓ0tRNSPTVYmpqrstuvwx{hIDATْP-bոml1D"IP(|PhŸļG>r6| gI SXWR0SpPԆfJQ͒94;)YP ͌oP)BWZş A”S:L1a" wN o,^Y83x!-ΔEXZsIENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-after-slider-disabled-dark.png000066400000000000000000000006071363503524500303100ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<cPLTE@@@333+++```JJJLLLKKKNNNLLLKKKJJJKKKLLLMMMMMMQQQQQQOOOOOOPPPQQQQQQQQQQQQRRRQQQRRRSSSSSSSSSSSSTTT^ tRNS"$%)qtuwxBRjIDAT(S7 Dя9爢#)-sV&vXag3\>J` fZA:O @>?;I[0}~bDah_K*~IENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-after-slider-disabled-dark@2.png000066400000000000000000000010211363503524500304610ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEDDDMMMKKKNNNLLLJJJLLLKKKIIIJJJKKKNNNMMMNNNMMMMMMMMMMMMMMMOOOPPPOOOOOOOOOPPPPPPOOOPPPQQQRRRQQQQQQRRRSSSSSSSSSSSSSSSRRRTTTTTTTTTSSSTTTTTTqV-tRNS!"$%&^ceh}4^dIDATVP%8jEyE OPĜh4P;NVYz#yOCzIycƀWT,)"T|6b S'2J`*eI-UXvTe,CUˈ7X=6LTL`k P!*XrҐ%;7<9x^9x^8x9J` fZA:O @>?;I[0}~bDah_K*~IENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-after-slider-disabled@2.png000066400000000000000000000010151363503524500275450ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEÿQ9,tRNS!"$%&^ceh}0zIDATRP/R'L'D"W8p+`pC4+lGxR-CtzyÔ Z=;ָ-9t PE?!4sfl(J(CM/vl)JyhMPRP <@ر=՜5 Xt2`‹ቅ' X`H^ bQwBIENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-after-slider.png000066400000000000000000000006131363503524500256210ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<fPLTEU3f+ytvrwtrstrsssrsrssstrssssssssn!tRNS!bdegh9gjIDAT(S70C%s0dFw4ѯgG5UhiınZgYKV 0 y `Vwo-bGFʼaSSt}}'}} GfI IENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-after-slider@2.png000066400000000000000000000010351363503524500260020ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEpqvrwssstsstsrsrtstsrsttrssttsssrsssssssssssssssaW0tRNSPTVYmpqrstuvwx{hIDATْP-bոml1D"IP(|PhŸļG>r6| gI SXWR0SpPԆfJQ͒94;)YP ͌oP)BWZş A”S:L1a" wN o,^Y83x!-ΔEXZsIENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-before-slider-dark.png000066400000000000000000000006061363503524500267030ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<fPLTEcg?d!tRNS!abfghi p>eIDAT(SG0As'X+}i̟$7?ZmRP +ΰT %@ΐnwOh9IT;WjgIENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-before-slider-dark@2.png000066400000000000000000000010431363503524500270610ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEv1tRNSOTUVXkopqrstu{|IDATR@+AGv`X0ˢ(O9$7r&HxDx@xơCaFڞWU&T`T,z,SU_|SeE, fPՅ"`R[=9ڞ =/ 44Q(y:ƻ]<JsHZIENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-before-slider-disabled-dark.png000066400000000000000000000006061363503524500304500ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<fPLTE@@@333+++```NNNEEEKKKNNNLLLKKKKKKJJJLLLMMMMMMLLLQQQQQQOOOOOOPPPQQQQQQPPPQQQRRRQQQRRRSSSSSSSSSSSSTTT-}!tRNS"$%)pqvwxyleIDAT(SG0As'X+}i̟$7?ZmRP +ΰT %@ΐnwOh9IT;WjgIENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-before-slider-disabled-dark@2.png000066400000000000000000000010211363503524500306220ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEDDDHHHMMMKKKNNNLLLJJJGGGKKKJJJIIIJJJMMMLLLNNNMMMNNNMMMMMMMMMOOOPPPOOOOOOOOOOOOPPPOOOPPPQQQRRRQQQQQQSSSSSSSSSSSSSSSSSSSSSRRRTTTTTTTTTTTT}7;-tRNS !"$%&]cdeg{VIDATRP/ R R))8^8{BX {pC0C CC F3 zV伐wabS`R˜,Tmaj 7UKXJaP K`xOC Zc3~'VOh}<(GNly@u;1S 9IENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-before-slider-disabled.png000066400000000000000000000006061363503524500275310ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<fPLTEտÿ(f1B!tRNS"$%)pqvwxyleIDAT(SG0As'X+}i̟$7?ZmRP +ΰT %@ΐnwOh9IT;WjgIENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-before-slider-disabled@2.png000066400000000000000000000010361363503524500277110ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEĿÿgV0tRNS !"$%&]cdeg{UyIDATrP-6oKZq:CUB?w`#@ 3 WJsz(-6`R1)Ψ"XTu`YPKB',[~`UKXTҥ 掊,iD8umBW JeIDAT(SG0As'X+}i̟$7?ZmRP +ΰT %@ΐnwOh9IT;WjgIENDB`materia-theme-20200320/src/gtk/assets/scale-horz-marks-before-slider@2.png000066400000000000000000000010431363503524500261420ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEpvqvrwstsrttrstsrsrtrsststsststsssrssssssrsssssssr1tRNSOTUVXkopqrstu{|IDATR@+AGv`X0ˢ(O9$7r&HxDx@xơCaFڞWU&T`T,z,SU_|SeE, fPՅ"`R[=9ڞ =/ 44Q(y:ƻ]<JsHZIENDB`materia-theme-20200320/src/gtk/assets/scale-slider-dark.png000066400000000000000000000004611363503524500233470ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTENItRNSlmn}gTIDAT "OkBLS;M{I3QAtD"2:CdtFWt(?I3~RfWI kШS&IENDB`materia-theme-20200320/src/gtk/assets/scale-slider-dark@2.png000066400000000000000000000007751363503524500235410ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEF,tRNS ILMNPijklmnoIDATG@6#fE՝x0̀oTVny/'9PiPa!|#1J$B hbS7P,1USXNT%\`TyXyF3ekIPk& j8/e#{`IZr*FU*`ɩ`P²j Pqw0/8LQ+ / u6w>ɩ_ey V9IOEIENDB`materia-theme-20200320/src/gtk/assets/scale-slider-disabled.png000066400000000000000000000004611363503524500241750ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTE!4tRNS !|}~V%aTIDAT "OkBLS;M{I3QAtD"2:CdtFWt(?I3~RfWI kШS&IENDB`materia-theme-20200320/src/gtk/assets/scale-slider-disabled@2.png000066400000000000000000000007751363503524500243670ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEĿÿj),tRNS !"$%'WZ[\^yz{|}~þIDATG@6#fE՝x0̀oTVny/'9PiPa!|#1J$B hbS7P,1USXNT%\`TyXjĞ>AK*Dg lKjvNAhRZT{m+m=MMJjB@ʩr,*< |#?d= O=~pߤqF^ QO:7IENDB`materia-theme-20200320/src/gtk/assets/scale-vert-marks-after-slider-disabled.png000066400000000000000000000005421363503524500273650ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<TPLTE̿úmtRNS"%)suwx ԑYIDAT(c`ԀWJ ]UD Př@EK8%z$$Pe'.˙p86 bu Q=&IENDB`materia-theme-20200320/src/gtk/assets/scale-vert-marks-after-slider-disabled@2.png000066400000000000000000000010051363503524500275420ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEÿs_/tRNS !"$%&]cefh}tַIDATPЍB(*$w&21k-4ݹH7c Q#iFtIO'IENDB`materia-theme-20200320/src/gtk/assets/scale-vert-marks-before-slider.png000066400000000000000000000005571363503524500257670ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<`PLTEU3f+smvrwtrsrrsssrsssssrssssssstRNSabfgiVIDAT(c`ԀOHVN]]T $P9@YCRaei.cA^g {IENDB`materia-theme-20200320/src/gtk/assets/scale-vert-marks-before-slider@2.png000066400000000000000000000007741363503524500261520ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEvqvrwssrttrssrsrtssttssststsssrssssssrsssssssg崩-tRNSTUVXkoqrstuxIDATG@F9b"3Uh4(-َc"\d̽fmp,CT,顂cYA(Cc)"K GU *PQa0e4tei |gF.j's4/Zq%1C0>VJaNfRkTnyz{{||}䄬튴+tRNS+,-.v'IDATXR0`*(@F 4usx&it\%1߭qqZ%4 Τ*K +/ޕ,)p& O , ن,2!6` ѫa9xA 䅀4xdQAG x$Q#Wtyp%z0[-AAiz?%@}^3|H 6v]'E=ѫr/"ƳZmsx%J*9+Dz+@<;E>m=h_9!{ˡcs8S8тD_D{QT}R]q_<@Qt6!pfmN%OqpOΰi–|IENDB`materia-theme-20200320/src/gtk/assets/selectionmode-checkbox-unchecked-dark.png000066400000000000000000000004401363503524500273420ustar00rootroot00000000000000PNG  IHDR((~Х^sBITO pHYs+tEXtSoftwarewww.inkscape.org<-PLTE777444333333444333444444444444444444444444R'tRNS'(gKIDAT(c` 0CV"`S=t7@w`TpT /dev/null; then EXPORT_FILE_OPTION="--export-png" else EXPORT_FILE_OPTION="--export-file" fi fi SRC_FILE="assets.svg" ASSETS_DIR="assets" i="$1" echo "Rendering '$ASSETS_DIR/$i.png'" if [[ -n "${RENDER_SVG}" ]]; then "$RENDER_SVG" --export-id "$i" \ "$SRC_FILE" "$ASSETS_DIR/$i.png" else "$INKSCAPE" --export-id="$i" \ --export-id-only \ "$EXPORT_FILE_OPTION"="$ASSETS_DIR/$i.png" "$SRC_FILE" >/dev/null fi if [[ -n "${OPTIPNG}" ]]; then "$OPTIPNG" -o7 --quiet "$ASSETS_DIR/$i.png" fi echo "Rendering '$ASSETS_DIR/$i@2.png'" if [[ -n "${RENDER_SVG}" ]]; then # @TODO: remove --zoom when it will be fixed/implemented in resvg "$RENDER_SVG" --export-id "$i" \ --dpi 192 \ --zoom 2 \ "$SRC_FILE" "$ASSETS_DIR/$i@2.png" else "$INKSCAPE" --export-id="$i" \ --export-id-only \ --export-dpi=192 \ "$EXPORT_FILE_OPTION"="$ASSETS_DIR/$i@2.png" "$SRC_FILE" >/dev/null fi if [[ -n "${OPTIPNG}" ]]; then "$OPTIPNG" -o7 --quiet "$ASSETS_DIR/$i@2.png" fi materia-theme-20200320/src/gtk/render-assets.sh000077500000000000000000000004411363503524500211650ustar00rootroot00000000000000#!/bin/bash set -ueo pipefail # Make sure that parallel is GNU parallel and not moreutils. # Otherwise, it fails silently. There's no smooth way to detect this. if command -v parallel >/dev/null; then cmd=(parallel) else cmd=(xargs -n1) fi "${cmd[@]}" ./render-asset.sh < assets.txt materia-theme-20200320/src/index-compact.theme000066400000000000000000000003531363503524500210430ustar00rootroot00000000000000[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-20200320/src/index-dark-compact.theme000066400000000000000000000003721363503524500217630ustar00rootroot00000000000000[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-20200320/src/index-dark.theme000066400000000000000000000003421363503524500203340ustar00rootroot00000000000000[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-20200320/src/index-light-compact.theme000066400000000000000000000003751363503524500221540ustar00rootroot00000000000000[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-20200320/src/index-light.theme000066400000000000000000000003451363503524500205250ustar00rootroot00000000000000[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-20200320/src/index.theme000066400000000000000000000003231363503524500174140ustar00rootroot00000000000000[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-20200320/src/metacity-1/000077500000000000000000000000001363503524500172405ustar00rootroot00000000000000materia-theme-20200320/src/metacity-1/assets/000077500000000000000000000000001363503524500205425ustar00rootroot00000000000000materia-theme-20200320/src/metacity-1/assets/button.svg000066400000000000000000000002151363503524500225740ustar00rootroot00000000000000 materia-theme-20200320/src/metacity-1/assets/close.svg000066400000000000000000000003361363503524500223720ustar00rootroot00000000000000 materia-theme-20200320/src/metacity-1/assets/maximize.svg000066400000000000000000000002271363503524500231070ustar00rootroot00000000000000 materia-theme-20200320/src/metacity-1/assets/menu.svg000066400000000000000000000002141363503524500222240ustar00rootroot00000000000000 materia-theme-20200320/src/metacity-1/assets/minimize.svg000066400000000000000000000002061363503524500231020ustar00rootroot00000000000000 materia-theme-20200320/src/metacity-1/assets/shade.svg000066400000000000000000000002531363503524500223470ustar00rootroot00000000000000 materia-theme-20200320/src/metacity-1/assets/unmaximize.svg000066400000000000000000000002271363503524500234520ustar00rootroot00000000000000 materia-theme-20200320/src/metacity-1/assets/unshade.svg000066400000000000000000000002541363503524500227130ustar00rootroot00000000000000 materia-theme-20200320/src/metacity-1/metacity-theme-2-light.xml000066400000000000000000000701421363503524500241510ustar00rootroot00000000000000 Materia nana-4 GPL 2018 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> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_unfocused"> <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="highlight"> <line color="C_highlight" x1="4" y1="0" x2="width - 5" y2="0"/> <arc color="C_highlight" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> <arc color="C_highlight" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="titlebar_focused"> <include name="entire_background_focused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_unfocused"> <include name="entire_background_unfocused"/> <include name="highlight"/> </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.08" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_focused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_unfocused"> </draw_ops> <draw_ops name="button_unfocused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="button_unfocused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> </draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused"/> <piece position="titlebar" draw_ops="titlebar_focused"/> <piece position="title" draw_ops="title_focused"/> <button function="close" state="normal" draw_ops="close_focused"/> <button function="close" state="prelight" draw_ops="close_focused_prelight"/> <button function="close" state="pressed" draw_ops="close_focused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_focused"/> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_focused"/> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> <button function="menu" state="normal" draw_ops="menu_focused"/> <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> <button function="shade" state="normal" draw_ops="shade_focused"/> <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_focused"/> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_focused"/> <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_focused"/> <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_unfocused"/> <piece position="titlebar" draw_ops="titlebar_unfocused"/> <piece position="title" draw_ops="title_unfocused"/> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused"/> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> <button function="shade" state="normal" draw_ops="shade_unfocused"/> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> </frame_style> <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> </frame_style> <frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> </frame_style> <frame_style name="utility_focused" geometry="small" parent="normal_focused"> </frame_style> <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> </frame_style> <frame_style name="border_focused" geometry="border" parent="normal_focused"> </frame_style> <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> </frame_style> <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> </frame_style> <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> </frame_style> <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> </frame_style> <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="borderless_focused"/> <frame focus="no" state="maximized" style="borderless_unfocused"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="attached_style_set"> <frame focus="yes" state="normal" resize="both" style="attached_focused"/> <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="dialog_style_set"/> <window type="modal_dialog" style_set="modal_dialog_style_set"/> <window type="menu" style_set="utility_style_set"/> <window type="utility" style_set="utility_style_set"/> <window type="border" style_set="border_style_set"/> </metacity_theme> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/metacity-1/metacity-theme-2.xml������������������������������������������0000664�0000000�0000000�00000070142�13635035245�0023044�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<?xml version="1.0"?> <metacity_theme> <info> <name>Materia</name> <author>nana-4</author> <copyright>GPL</copyright> <date>2018</date> <description>Materia Metacity theme</description> </info> <!-- meaningful constants --> <constant name="C_titlebar_focused" value="#353535"/> <constant name="C_titlebar_unfocused" value="#2C2C2C"/> <constant name="C_highlight" value="blend/#353535/#FFFFFF/0.1"/> <constant name="C_title_focused" value="#FFFFFF"/> <constant name="C_title_unfocused" value="blend/#2C2C2C/#FFFFFF/0.7"/> <!-- geometries --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> <distance name="left_width" value="2"/> <distance name="right_width" value="2"/> <distance name="bottom_height" value="2"/> <distance name="left_titlebar_edge" value="0"/> <distance name="right_titlebar_edge" value="0"/> <distance name="title_vertical_pad" value="13"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <aspect_ratio name="button" value="1"/> </frame_geometry> <frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> </frame_geometry> <frame_geometry name="tiled_left" parent="max"> <distance name="right_width" value="0"/> </frame_geometry> <frame_geometry name="tiled_right" parent="max"> <distance name="left_width" value="0"/> </frame_geometry> <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> </frame_geometry> <frame_geometry name="modal" parent="normal"> </frame_geometry> <frame_geometry name="small" title_scale="small" parent="normal"> <distance name="title_vertical_pad" value="8"/> </frame_geometry> <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="2"/> <distance name="right_width" value="2"/> <distance name="bottom_height" value="2"/> <distance name="title_vertical_pad" value="2"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> <distance name="title_vertical_pad" value="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <border name="title_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4" rounded_bottom_right="4" parent="normal"> <distance name="title_vertical_pad" value="4"/> </frame_geometry> <!-- drawing operations --> <!-- title --> <draw_ops name="title_focused"> <title x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused"/> </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused"/> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_unfocused"> <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="highlight"> <line color="C_highlight" x1="4" y1="0" x2="width - 5" y2="0"/> <arc color="C_highlight" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> <arc color="C_highlight" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="titlebar_focused"> <include name="entire_background_focused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_unfocused"> <include name="entire_background_unfocused"/> <include name="highlight"/> </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.08" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_focused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_unfocused"> </draw_ops> <draw_ops name="button_unfocused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="button_unfocused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> </draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused"/> <piece position="titlebar" draw_ops="titlebar_focused"/> <piece position="title" draw_ops="title_focused"/> <button function="close" state="normal" draw_ops="close_focused"/> <button function="close" state="prelight" draw_ops="close_focused_prelight"/> <button function="close" state="pressed" draw_ops="close_focused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_focused"/> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_focused"/> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> <button function="menu" state="normal" draw_ops="menu_focused"/> <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> <button function="shade" state="normal" draw_ops="shade_focused"/> <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_focused"/> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_focused"/> <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_focused"/> <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_unfocused"/> <piece position="titlebar" draw_ops="titlebar_unfocused"/> <piece position="title" draw_ops="title_unfocused"/> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused"/> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> <button function="shade" state="normal" draw_ops="shade_unfocused"/> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> </frame_style> <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> </frame_style> <frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> </frame_style> <frame_style name="utility_focused" geometry="small" parent="normal_focused"> </frame_style> <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> </frame_style> <frame_style name="border_focused" geometry="border" parent="normal_focused"> </frame_style> <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> </frame_style> <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> </frame_style> <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> </frame_style> <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> </frame_style> <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="borderless_focused"/> <frame focus="no" state="maximized" style="borderless_unfocused"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="attached_style_set"> <frame focus="yes" state="normal" resize="both" style="attached_focused"/> <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="dialog_style_set"/> <window type="modal_dialog" style_set="modal_dialog_style_set"/> <window type="menu" style_set="utility_style_set"/> <window type="utility" style_set="utility_style_set"/> <window type="border" style_set="border_style_set"/> </metacity_theme> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/metacity-1/metacity-theme-3.xml������������������������������������������0000664�0000000�0000000�00000074350�13635035245�0023052�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<?xml version="1.0"?> <metacity_theme> <info> <name>Materia</name> <author>nana-4</author> <copyright>GPL</copyright> <date>2018</date> <description>Materia Metacity theme</description> </info> <!-- meaningful constants --> <constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])"/> <constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])"/> <constant name="C_highlight" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/> <constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])"/> <constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])"/> <!-- geometries --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> <distance name="left_width" value="2"/> <distance name="right_width" value="2"/> <distance name="bottom_height" value="2"/> <distance name="left_titlebar_edge" value="0"/> <distance name="right_titlebar_edge" value="0"/> <distance name="title_vertical_pad" value="13"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <aspect_ratio name="button" value="1"/> </frame_geometry> <frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> </frame_geometry> <frame_geometry name="tiled_left" parent="max"> <distance name="right_width" value="0"/> </frame_geometry> <frame_geometry name="tiled_right" parent="max"> <distance name="left_width" value="0"/> </frame_geometry> <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> </frame_geometry> <frame_geometry name="modal" parent="normal"> </frame_geometry> <frame_geometry name="small" title_scale="small" parent="normal"> <distance name="title_vertical_pad" value="8"/> </frame_geometry> <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="2"/> <distance name="right_width" value="2"/> <distance name="bottom_height" value="2"/> <distance name="title_vertical_pad" value="2"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> <distance name="title_vertical_pad" value="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <border name="title_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4" rounded_bottom_right="4" parent="normal"> <distance name="title_vertical_pad" value="4"/> </frame_geometry> <!-- drawing operations --> <!-- title --> <draw_ops name="title_focused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused"/> <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_focused"/> </draw_ops> <draw_ops name="title_unfocused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused"/> <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_unfocused"/> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_unfocused"> <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="highlight"> <line color="C_highlight" x1="4" y1="0" x2="width - 5" y2="0"/> <arc color="C_highlight" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> <arc color="C_highlight" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="titlebar_focused"> <include name="entire_background_focused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_unfocused"> <include name="entire_background_unfocused"/> <include name="highlight"/> </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.08" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_focused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_unfocused"> </draw_ops> <draw_ops name="button_unfocused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="button_unfocused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> </draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused"/> <piece position="titlebar" draw_ops="titlebar_focused"/> <piece position="title" draw_ops="title_focused"/> <button function="close" state="normal" draw_ops="close_focused"/> <button function="close" state="prelight" draw_ops="close_focused_prelight"/> <button function="close" state="pressed" draw_ops="close_focused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_focused"/> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_focused"/> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> <button function="menu" state="normal" draw_ops="menu_focused"/> <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> <button function="shade" state="normal" draw_ops="shade_focused"/> <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_focused"/> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_focused"/> <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_focused"/> <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_unfocused"/> <piece position="titlebar" draw_ops="titlebar_unfocused"/> <piece position="title" draw_ops="title_unfocused"/> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused"/> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> <button function="shade" state="normal" draw_ops="shade_unfocused"/> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> </frame_style> <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> </frame_style> <frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> </frame_style> <frame_style name="utility_focused" geometry="small" parent="normal_focused"> </frame_style> <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> </frame_style> <frame_style name="border_focused" geometry="border" parent="normal_focused"> </frame_style> <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> </frame_style> <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> </frame_style> <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> </frame_style> <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> </frame_style> <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button 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-20200320/src/plank/�������������������������������������������������������������������0000775�0000000�0000000�00000000000�13635035245�0016370�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/plank/dock.theme���������������������������������������������������������0000664�0000000�0000000�00000005070�13635035245�0020336�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������#This file based on: #https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme [PlankTheme] #The roundness of the top corners. TopRoundness=4 #The roundness of the bottom corners. BottomRoundness=0 #The thickness (in pixels) of lines drawn. LineWidth=0 #The color (RGBA) of the outer stroke. OuterStrokeColor=0;;0;;0;;0 #The starting color (RGBA) of the fill gradient. FillStartColor=0;;0;;0;;153 #The ending color (RGBA) of the fill gradient. FillEndColor=0;;0;;0;;153 #The color (RGBA) of the inner stroke. InnerStrokeColor=0;;0;;0;;0 [PlankDockTheme] #The padding on the left/right dock edges, in tenths of a percent of IconSize. HorizPadding=1 #The padding on the top dock edge, in tenths of a percent of IconSize. TopPadding=2 #The padding on the bottom dock edge, in tenths of a percent of IconSize. BottomPadding=1 #The padding between items on the dock, in tenths of a percent of IconSize. ItemPadding=2 #The size of item indicators, in tenths of a percent of IconSize. IndicatorSize=5 #The size of the icon-shadow behind every item, in tenths of a percent of IconSize. IconShadowSize=0 #The height (in percent of IconSize) to bounce an icon when the application sets urgent. UrgentBounceHeight=1.6666666666666667 #The height (in percent of IconSize) to bounce an icon when launching an application. LaunchBounceHeight=0.625 #The opacity value (0 to 1) to fade the dock to when hiding it. FadeOpacity=1 #The amount of time (in ms) for click animations. ClickTime=0 #The amount of time (in ms) to bounce an urgent icon. UrgentBounceTime=600 #The amount of time (in ms) to bounce an icon when launching an application. LaunchBounceTime=600 #The amount of time (in ms) for active window indicator animations. ActiveTime=150 #The amount of time (in ms) to slide icons into/out of the dock. SlideTime=300 #The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). FadeTime=250 #The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). HideTime=250 #The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. GlowSize=30 #The total time (in ms) to show the hidden-dock urgent glow. GlowTime=10000 #The time (in ms) of each pulse of the hidden-dock urgent glow. GlowPulseTime=2000 #The hue-shift (-180 to 180) of the urgent indicator color. UrgentHueShift=150 #The time (in ms) to move an item to its new position or its addition/removal to/from the dock. ItemMoveTime=450 #Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. CascadeHide=true ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/�������������������������������������������������������������������0000775�0000000�0000000�00000000000�13635035245�0016433�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/������������������������������������������������������0000775�0000000�0000000�00000000000�13635035245�0021042�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/close_focused.svg�������������������������������������0000664�0000000�0000000�00000000433�13635035245�0024400�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.6"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/close_focused_prelight.svg����������������������������0000664�0000000�0000000�00000000437�13635035245�0026302�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.08"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/close_focused_pressed.svg�����������������������������0000664�0000000�0000000�00000000436�13635035245�0026130�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.2"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/close_unfocused.svg�����������������������������������0000664�0000000�0000000�00000000434�13635035245�0024744�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="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/close_unfocused_prelight.svg��������������������������0000664�0000000�0000000�00000000436�13635035245�0026644�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.6"> <circle cx="12" cy="12" r="10" opacity="0.08"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/close_unfocused_pressed.svg���������������������������0000664�0000000�0000000�00000000435�13635035245�0026472�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.6"> <circle cx="12" cy="12" r="10" opacity="0.2"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/maximize_focused.svg����������������������������������0000664�0000000�0000000�00000000324�13635035245�0025115�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.6"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/maximize_focused_prelight.svg�������������������������0000664�0000000�0000000�00000000330�13635035245�0027010�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.08"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/maximize_focused_pressed.svg��������������������������0000664�0000000�0000000�00000000327�13635035245�0026645�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.2"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/maximize_unfocused.svg��������������������������������0000664�0000000�0000000�00000000325�13635035245�0025461�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-20200320/src/unity/assets-light/maximize_unfocused_prelight.svg�����������������������0000664�0000000�0000000�00000000327�13635035245�0027361�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.6"> <circle cx="12" cy="12" r="10" opacity="0.08"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/maximize_unfocused_pressed.svg������������������������0000664�0000000�0000000�00000000326�13635035245�0027207�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.6"> <circle cx="12" cy="12" r="10" opacity="0.2"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/minimize_focused.svg����������������������������������0000664�0000000�0000000�00000000303�13635035245�0025110�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.6"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 14h8v2h-8z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/minimize_focused_prelight.svg�������������������������0000664�0000000�0000000�00000000307�13635035245�0027012�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.08"/> <path d="m8 14h8v2h-8z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/minimize_focused_pressed.svg��������������������������0000664�0000000�0000000�00000000306�13635035245�0026640�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.2"/> <path d="m8 14h8v2h-8z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/minimize_unfocused.svg��������������������������������0000664�0000000�0000000�00000000304�13635035245�0025454�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-20200320/src/unity/assets-light/minimize_unfocused_prelight.svg�����������������������0000664�0000000�0000000�00000000306�13635035245�0027354�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.6"> <circle cx="12" cy="12" r="10" opacity="0.08"/> <path d="m8 14h8v2h-8z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/minimize_unfocused_pressed.svg������������������������0000664�0000000�0000000�00000000305�13635035245�0027202�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.6"> <circle cx="12" cy="12" r="10" opacity="0.2"/> <path d="m8 14h8v2h-8z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/unmaximize_focused.svg��������������������������������0000664�0000000�0000000�00000000324�13635035245�0025460�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.6"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/unmaximize_focused_prelight.svg�����������������������0000664�0000000�0000000�00000000330�13635035245�0027353�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.08"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/unmaximize_focused_pressed.svg������������������������0000664�0000000�0000000�00000000327�13635035245�0027210�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.2"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/unmaximize_unfocused.svg������������������������������0000664�0000000�0000000�00000000325�13635035245�0026024�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-20200320/src/unity/assets-light/unmaximize_unfocused_prelight.svg���������������������0000664�0000000�0000000�00000000327�13635035245�0027724�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.6"> <circle cx="12" cy="12" r="10" opacity="0.08"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets-light/unmaximize_unfocused_pressed.svg����������������������0000664�0000000�0000000�00000000326�13635035245�0027552�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.6"> <circle cx="12" cy="12" r="10" opacity="0.2"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/������������������������������������������������������������0000775�0000000�0000000�00000000000�13635035245�0017735�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/close_focused.svg�������������������������������������������0000664�0000000�0000000�00000000433�13635035245�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="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/close_focused_prelight.svg����������������������������������0000664�0000000�0000000�00000000420�13635035245�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.08"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/close_focused_pressed.svg�����������������������������������0000664�0000000�0000000�00000000417�13635035245�0025022�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.2"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/close_unfocused.svg�����������������������������������������0000664�0000000�0000000�00000000433�13635035245�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="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/close_unfocused_prelight.svg��������������������������������0000664�0000000�0000000�00000000436�13635035245�0025537�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.08"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/close_unfocused_pressed.svg���������������������������������0000664�0000000�0000000�00000000435�13635035245�0025365�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.2"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/maximize_focused.svg����������������������������������������0000664�0000000�0000000�00000000324�13635035245�0024010�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-20200320/src/unity/assets/maximize_focused_prelight.svg�������������������������������0000664�0000000�0000000�00000000311�13635035245�0025702�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.08"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/maximize_focused_pressed.svg��������������������������������0000664�0000000�0000000�00000000310�13635035245�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"> <circle cx="12" cy="12" r="10" opacity="0.2"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/maximize_unfocused.svg��������������������������������������0000664�0000000�0000000�00000000324�13635035245�0024353�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-20200320/src/unity/assets/maximize_unfocused_prelight.svg�����������������������������0000664�0000000�0000000�00000000327�13635035245�0026254�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.08"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/maximize_unfocused_pressed.svg������������������������������0000664�0000000�0000000�00000000326�13635035245�0026102�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.2"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/minimize_focused.svg����������������������������������������0000664�0000000�0000000�00000000303�13635035245�0024003�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-20200320/src/unity/assets/minimize_focused_prelight.svg�������������������������������0000664�0000000�0000000�00000000270�13635035245�0025704�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.08"/> <path d="m8 14h8v2h-8z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/minimize_focused_pressed.svg��������������������������������0000664�0000000�0000000�00000000267�13635035245�0025541�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.2"/> <path d="m8 14h8v2h-8z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/minimize_unfocused.svg��������������������������������������0000664�0000000�0000000�00000000303�13635035245�0024346�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-20200320/src/unity/assets/minimize_unfocused_prelight.svg�����������������������������0000664�0000000�0000000�00000000306�13635035245�0026247�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.08"/> <path d="m8 14h8v2h-8z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/minimize_unfocused_pressed.svg������������������������������0000664�0000000�0000000�00000000305�13635035245�0026075�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.2"/> <path d="m8 14h8v2h-8z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/unmaximize_focused.svg��������������������������������������0000664�0000000�0000000�00000000324�13635035245�0024353�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-20200320/src/unity/assets/unmaximize_focused_prelight.svg�����������������������������0000664�0000000�0000000�00000000311�13635035245�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"> <circle cx="12" cy="12" r="10" opacity="0.08"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/unmaximize_focused_pressed.svg������������������������������0000664�0000000�0000000�00000000310�13635035245�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"> <circle cx="12" cy="12" r="10" opacity="0.2"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/unmaximize_unfocused.svg������������������������������������0000664�0000000�0000000�00000000324�13635035245�0024716�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-20200320/src/unity/assets/unmaximize_unfocused_prelight.svg���������������������������0000664�0000000�0000000�00000000327�13635035245�0026617�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.08"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/assets/unmaximize_unfocused_pressed.svg����������������������������0000664�0000000�0000000�00000000326�13635035245�0026445�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.2"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close.svg����������������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0025114�2assets/close_focused.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close_dash.svg�����������������������������������������������������0000664�0000000�0000000�00000000433�13635035245�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="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close_dash_disabled.svg��������������������������������������������0000664�0000000�0000000�00000000433�13635035245�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="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close_dash_prelight.svg��������������������������������������������0000664�0000000�0000000�00000000420�13635035245�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.08"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close_dash_pressed.svg���������������������������������������������0000664�0000000�0000000�00000000417�13635035245�0023007�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.2"/> <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close_focused_normal.svg�������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030174�2assets/close_focused.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close_focused_prelight.svg�����������������������������������������0000777�0000000�0000000�00000000000�13635035245�0032420�2assets/close_focused_prelight.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close_focused_pressed.svg������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0032076�2assets/close_focused_pressed.svg��������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close_unfocused.svg������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027532�2assets/close_unfocused.svg��������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close_unfocused_prelight.svg���������������������������������������0000777�0000000�0000000�00000000000�13635035245�0033326�2assets/close_unfocused_prelight.svg�����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/close_unfocused_pressed.svg����������������������������������������0000777�0000000�0000000�00000000000�13635035245�0033004�2assets/close_unfocused_pressed.svg������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/dash-widgets.json��������������������������������������������������0000664�0000000�0000000�00000012122�13635035245�0021707�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-20200320/src/unity/launcher_arrow_btt_19.svg������������������������������������������0000664�0000000�0000000�00000000211�13635035245�0023343�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-20200320/src/unity/launcher_arrow_btt_37.svg������������������������������������������0000664�0000000�0000000�00000000213�13635035245�0023345�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-20200320/src/unity/launcher_arrow_ltr_19.svg������������������������������������������0000664�0000000�0000000�00000000211�13635035245�0023353�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-20200320/src/unity/launcher_arrow_ltr_37.svg������������������������������������������0000664�0000000�0000000�00000000213�13635035245�0023355�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-20200320/src/unity/launcher_arrow_outline_btt_19.svg����������������������������������0000664�0000000�0000000�00000000227�13635035245�0025111�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-20200320/src/unity/launcher_arrow_outline_btt_37.svg����������������������������������0000664�0000000�0000000�00000000231�13635035245�0025104�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-20200320/src/unity/launcher_arrow_outline_ltr_19.svg����������������������������������0000664�0000000�0000000�00000000227�13635035245�0025121�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-20200320/src/unity/launcher_arrow_outline_ltr_37.svg����������������������������������0000664�0000000�0000000�00000000231�13635035245�0025114�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-20200320/src/unity/launcher_arrow_outline_rtl_19.svg����������������������������������0000777�0000000�0000000�00000000000�13635035245�0033600�2launcher_arrow_outline_ltr_19.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_arrow_outline_rtl_37.svg����������������������������������0000777�0000000�0000000�00000000000�13635035245�0033600�2launcher_arrow_outline_ltr_37.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_arrow_outline_ttb_19.svg����������������������������������0000777�0000000�0000000�00000000000�13635035245�0033560�2launcher_arrow_outline_btt_19.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_arrow_outline_ttb_37.svg����������������������������������0000777�0000000�0000000�00000000000�13635035245�0033560�2launcher_arrow_outline_btt_37.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_arrow_rtl_19.svg������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030302�2launcher_arrow_ltr_19.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_arrow_rtl_37.svg������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030302�2launcher_arrow_ltr_37.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_arrow_ttb_19.svg������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030262�2launcher_arrow_btt_19.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_arrow_ttb_37.svg������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030262�2launcher_arrow_btt_37.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_bfb.png���������������������������������������������������0000664�0000000�0000000�00000021766�13635035245�0021567�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-20200320/src/unity/launcher_icon_back_150.svg�����������������������������������������0000664�0000000�0000000�00000000136�13635035245�0023332�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-20200320/src/unity/launcher_icon_back_54.svg������������������������������������������0000664�0000000�0000000�00000000132�13635035245�0023251�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-20200320/src/unity/launcher_icon_edge_150.svg�����������������������������������������0000664�0000000�0000000�00000000136�13635035245�0023336�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-20200320/src/unity/launcher_icon_edge_54.svg������������������������������������������0000664�0000000�0000000�00000000132�13635035245�0023255�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-20200320/src/unity/launcher_icon_glow_200.svg�����������������������������������������0000664�0000000�0000000�00000000136�13635035245�0023376�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-20200320/src/unity/launcher_icon_glow_62.svg������������������������������������������0000664�0000000�0000000�00000000132�13635035245�0023320�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-20200320/src/unity/launcher_icon_selected_back_150.svg��������������������������������0000664�0000000�0000000�00000000244�13635035245�0025202�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="8"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_icon_selected_back_54.svg���������������������������������0000664�0000000�0000000�00000000236�13635035245�0025126�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="4"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_icon_shadow_200.svg���������������������������������������0000664�0000000�0000000�00000000136�13635035245�0023713�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-20200320/src/unity/launcher_icon_shadow_62.svg����������������������������������������0000664�0000000�0000000�00000000132�13635035245�0023635�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-20200320/src/unity/launcher_icon_shine_150.svg����������������������������������������0000664�0000000�0000000�00000000136�13635035245�0023540�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-20200320/src/unity/launcher_icon_shine_54.svg�����������������������������������������0000664�0000000�0000000�00000000132�13635035245�0023457�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-20200320/src/unity/launcher_pip_btt_19.svg��������������������������������������������0000664�0000000�0000000�00000000216�13635035245�0023006�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-20200320/src/unity/launcher_pip_btt_37.svg��������������������������������������������0000664�0000000�0000000�00000000221�13635035245�0023002�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-20200320/src/unity/launcher_pip_ltr_19.svg��������������������������������������������0000664�0000000�0000000�00000000216�13635035245�0023016�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-20200320/src/unity/launcher_pip_ltr_37.svg��������������������������������������������0000664�0000000�0000000�00000000221�13635035245�0023012�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-20200320/src/unity/launcher_pip_rtl_19.svg��������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027376�2launcher_pip_ltr_19.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_pip_rtl_37.svg��������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027376�2launcher_pip_ltr_37.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_pip_ttb_19.svg��������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027356�2launcher_pip_btt_19.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/launcher_pip_ttb_37.svg��������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027356�2launcher_pip_btt_37.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/maximize.svg�������������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026350�2assets/maximize_focused.svg�������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/maximize_dash.svg��������������������������������������������������0000664�0000000�0000000�00000000324�13635035245�0021775�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-20200320/src/unity/maximize_dash_disabled.svg�����������������������������������������0000664�0000000�0000000�00000000324�13635035245�0023624�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-20200320/src/unity/maximize_dash_prelight.svg�����������������������������������������0000664�0000000�0000000�00000000311�13635035245�0023667�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.08"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/maximize_dash_pressed.svg������������������������������������������0000664�0000000�0000000�00000000310�13635035245�0023515�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.2"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/maximize_focused_normal.svg����������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031430�2assets/maximize_focused.svg�������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/maximize_focused_prelight.svg��������������������������������������0000777�0000000�0000000�00000000000�13635035245�0033654�2assets/maximize_focused_prelight.svg����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/maximize_focused_pressed.svg���������������������������������������0000777�0000000�0000000�00000000000�13635035245�0033332�2assets/maximize_focused_pressed.svg�����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/maximize_unfocused.svg���������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030766�2assets/maximize_unfocused.svg�����������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/maximize_unfocused_prelight.svg������������������������������������0000777�0000000�0000000�00000000000�13635035245�0034562�2assets/maximize_unfocused_prelight.svg��������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/maximize_unfocused_pressed.svg�������������������������������������0000777�0000000�0000000�00000000000�13635035245�0034240�2assets/maximize_unfocused_pressed.svg���������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/minimize.svg�������������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026344�2assets/minimize_focused.svg�������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/minimize_dash.svg��������������������������������������������������0000664�0000000�0000000�00000000303�13635035245�0021770�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-20200320/src/unity/minimize_dash_disabled.svg�����������������������������������������0000664�0000000�0000000�00000000303�13635035245�0023617�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-20200320/src/unity/minimize_dash_prelight.svg�����������������������������������������0000664�0000000�0000000�00000000270�13635035245�0023671�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.08"/> <path d="m8 14h8v2h-8z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/minimize_dash_pressed.svg������������������������������������������0000664�0000000�0000000�00000000267�13635035245�0023526�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.2"/> <path d="m8 14h8v2h-8z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/minimize_focused_normal.svg����������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031424�2assets/minimize_focused.svg�������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/minimize_focused_prelight.svg��������������������������������������0000777�0000000�0000000�00000000000�13635035245�0033650�2assets/minimize_focused_prelight.svg����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/minimize_focused_pressed.svg���������������������������������������0000777�0000000�0000000�00000000000�13635035245�0033326�2assets/minimize_focused_pressed.svg�����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/minimize_unfocused.svg���������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030762�2assets/minimize_unfocused.svg�����������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/minimize_unfocused_prelight.svg������������������������������������0000777�0000000�0000000�00000000000�13635035245�0034556�2assets/minimize_unfocused_prelight.svg��������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/minimize_unfocused_pressed.svg�������������������������������������0000777�0000000�0000000�00000000000�13635035245�0034234�2assets/minimize_unfocused_pressed.svg���������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/progress_bar_fill.svg����������������������������������������������0000664�0000000�0000000�00000000210�13635035245�0022643�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="#1A73E8"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/progress_bar_trough.svg��������������������������������������������0000664�0000000�0000000�00000002443�13635035245�0023237�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-20200320/src/unity/sheet_style_close_focused.svg��������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031234�2assets/close_focused.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/sheet_style_close_focused_prelight.svg�����������������������������0000777�0000000�0000000�00000000000�13635035245�0035030�2assets/close_focused_prelight.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/sheet_style_close_focused_pressed.svg������������������������������0000777�0000000�0000000�00000000000�13635035245�0034506�2assets/close_focused_pressed.svg��������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/unmaximize.svg�����������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027256�2assets/unmaximize_focused.svg�����������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/unmaximize_dash.svg������������������������������������������������0000664�0000000�0000000�00000000324�13635035245�0022340�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-20200320/src/unity/unmaximize_dash_disabled.svg���������������������������������������0000664�0000000�0000000�00000000324�13635035245�0024167�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-20200320/src/unity/unmaximize_dash_prelight.svg���������������������������������������0000664�0000000�0000000�00000000311�13635035245�0024232�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.08"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/unmaximize_dash_pressed.svg����������������������������������������0000664�0000000�0000000�00000000310�13635035245�0024060�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.2"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/unmaximize_focused_normal.svg��������������������������������������0000777�0000000�0000000�00000000000�13635035245�0032336�2assets/unmaximize_focused.svg�����������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/unmaximize_focused_prelight.svg������������������������������������0000777�0000000�0000000�00000000000�13635035245�0034562�2assets/unmaximize_focused_prelight.svg��������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/unmaximize_focused_pressed.svg�������������������������������������0000777�0000000�0000000�00000000000�13635035245�0034240�2assets/unmaximize_focused_pressed.svg���������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/unmaximize_unfocused.svg�������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031674�2assets/unmaximize_unfocused.svg���������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/unmaximize_unfocused_prelight.svg����������������������������������0000777�0000000�0000000�00000000000�13635035245�0035470�2assets/unmaximize_unfocused_prelight.svg������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/unity/unmaximize_unfocused_pressed.svg�����������������������������������0000777�0000000�0000000�00000000000�13635035245�0035146�2assets/unmaximize_unfocused_pressed.svg�������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/�������������������������������������������������������������������0000775�0000000�0000000�00000000000�13635035245�0016330�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/������������������������������������������������������0000775�0000000�0000000�00000000000�13635035245�0020737�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/border-active.svg�������������������������������������0000664�0000000�0000000�00000000205�13635035245�0024203�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2"> <rect width="2" height="2" fill="#E0E0E0"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/border-inactive.svg�����������������������������������0000664�0000000�0000000�00000000205�13635035245�0024532�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2"> <rect width="2" height="2" fill="#D6D6D6"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/close-active.svg��������������������������������������0000664�0000000�0000000�00000000646�13635035245�0024044�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.6"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z"/> </g> </svg> ������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/close-inactive.svg������������������������������������0000664�0000000�0000000�00000000647�13635035245�0024374�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="#D6D6D6"/> <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="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z"/> </g> </svg> �����������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/close-prelight.svg������������������������������������0000664�0000000�0000000�00000000652�13635035245�0024404�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.08"/> <path d="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z"/> </g> </svg> ��������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/close-pressed.svg�������������������������������������0000664�0000000�0000000�00000000651�13635035245�0024232�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.2"/> <path d="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z"/> </g> </svg> ���������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/hide-active.svg���������������������������������������0000664�0000000�0000000�00000000507�13635035245�0023644�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.6"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12 18h8v2h-8z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/hide-inactive.svg�������������������������������������0000664�0000000�0000000�00000000510�13635035245�0024165�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="#D6D6D6"/> <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-20200320/src/xfwm4/assets-light/hide-prelight.svg�������������������������������������0000664�0000000�0000000�00000000513�13635035245�0024204�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.08"/> <path d="m12 18h8v2h-8z"/> </g> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/hide-pressed.svg��������������������������������������0000664�0000000�0000000�00000000512�13635035245�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.87"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <path d="m12 18h8v2h-8z"/> </g> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/maximize-active.svg�����������������������������������0000664�0000000�0000000�00000000523�13635035245�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="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.6"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/maximize-inactive.svg���������������������������������0000664�0000000�0000000�00000000524�13635035245�0025104�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="#D6D6D6"/> <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-20200320/src/xfwm4/assets-light/maximize-prelight.svg���������������������������������0000664�0000000�0000000�00000000527�13635035245�0025123�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.08"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/maximize-pressed.svg����������������������������������0000664�0000000�0000000�00000000526�13635035245�0024751�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.2"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/maximize-toggled-active.svg���������������������������0000664�0000000�0000000�00000000523�13635035245�0026177�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.6"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/maximize-toggled-inactive.svg�������������������������0000664�0000000�0000000�00000000524�13635035245�0026527�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="#D6D6D6"/> <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-20200320/src/xfwm4/assets-light/maximize-toggled-prelight.svg�������������������������0000664�0000000�0000000�00000000527�13635035245�0026546�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.08"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/maximize-toggled-pressed.svg��������������������������0000664�0000000�0000000�00000000526�13635035245�0026374�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.2"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/menu-active.svg���������������������������������������0000664�0000000�0000000�00000000514�13635035245�0023675�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.6"> <circle cx="16" cy="16" r="12" opacity="0"/> <circle cx="16" cy="16" r="2"/> </g> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/menu-inactive.svg�������������������������������������0000664�0000000�0000000�00000000515�13635035245�0024225�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="#D6D6D6"/> <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-20200320/src/xfwm4/assets-light/menu-prelight.svg�������������������������������������0000664�0000000�0000000�00000000520�13635035245�0024235�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.08"/> <circle cx="16" cy="16" r="2"/> </g> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/menu-pressed.svg��������������������������������������0000664�0000000�0000000�00000000517�13635035245�0024072�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.2"/> <circle cx="16" cy="16" r="2"/> </g> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/shade-active.svg��������������������������������������0000664�0000000�0000000�00000000554�13635035245�0024021�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.6"> <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-20200320/src/xfwm4/assets-light/shade-inactive.svg������������������������������������0000664�0000000�0000000�00000000555�13635035245�0024351�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="#D6D6D6"/> <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-20200320/src/xfwm4/assets-light/shade-prelight.svg������������������������������������0000664�0000000�0000000�00000000560�13635035245�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.87"> <circle cx="16" cy="16" r="12" opacity="0.08"/> <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-20200320/src/xfwm4/assets-light/shade-pressed.svg�������������������������������������0000664�0000000�0000000�00000000557�13635035245�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.87"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <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-20200320/src/xfwm4/assets-light/shade-toggled-active.svg������������������������������0000664�0000000�0000000�00000000554�13635035245�0025444�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.6"> <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-20200320/src/xfwm4/assets-light/shade-toggled-inactive.svg����������������������������0000664�0000000�0000000�00000000555�13635035245�0025774�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="#D6D6D6"/> <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-20200320/src/xfwm4/assets-light/shade-toggled-prelight.svg����������������������������0000664�0000000�0000000�00000000560�13635035245�0026004�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.08"/> <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-20200320/src/xfwm4/assets-light/shade-toggled-pressed.svg�����������������������������0000664�0000000�0000000�00000000557�13635035245�0025641�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.2"/> <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-20200320/src/xfwm4/assets-light/stick-active.svg��������������������������������������0000664�0000000�0000000�00000000675�13635035245�0024056�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.6"> <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-20200320/src/xfwm4/assets-light/stick-inactive.svg������������������������������������0000664�0000000�0000000�00000000676�13635035245�0024406�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="#D6D6D6"/> <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-20200320/src/xfwm4/assets-light/stick-prelight.svg������������������������������������0000664�0000000�0000000�00000000701�13635035245�0024407�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.08"/> <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-20200320/src/xfwm4/assets-light/stick-pressed.svg�������������������������������������0000664�0000000�0000000�00000000700�13635035245�0024235�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.2"/> <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-20200320/src/xfwm4/assets-light/stick-toggled-active.svg������������������������������0000664�0000000�0000000�00000000776�13635035245�0025503�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.6"> <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-20200320/src/xfwm4/assets-light/stick-toggled-inactive.svg����������������������������0000664�0000000�0000000�00000000777�13635035245�0026033�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="#D6D6D6"/> <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-20200320/src/xfwm4/assets-light/stick-toggled-prelight.svg����������������������������0000664�0000000�0000000�00000001002�13635035245�0026025�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.08"/> <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-20200320/src/xfwm4/assets-light/stick-toggled-pressed.svg�����������������������������0000664�0000000�0000000�00000001001�13635035245�0025653�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.2"/> <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-20200320/src/xfwm4/assets-light/themerc�����������������������������������������������0000664�0000000�0000000�00000001062�13635035245�0022310�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=#616161 inactive_text_shadow_color=#616161 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-20200320/src/xfwm4/assets-light/title-active.svg��������������������������������������0000664�0000000�0000000�00000000311�13635035245�0024045�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32"> <rect width="2" height="32" fill="#E0E0E0"/> <rect width="2" height="1" fill="#FFFFFF" fill-opacity="0.4"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets-light/title-inactive.svg������������������������������������0000664�0000000�0000000�00000000311�13635035245�0024374�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32"> <rect width="2" height="32" fill="#D6D6D6"/> <rect width="2" height="1" fill="#FFFFFF" fill-opacity="0.4"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/������������������������������������������������������������0000775�0000000�0000000�00000000000�13635035245�0017632�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/border-active.svg�������������������������������������������0000664�0000000�0000000�00000000205�13635035245�0023076�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2"> <rect width="2" height="2" fill="#353535"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/border-inactive.svg�����������������������������������������0000664�0000000�0000000�00000000205�13635035245�0023425�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2"> <rect width="2" height="2" fill="#2C2C2C"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/close-active.svg��������������������������������������������0000664�0000000�0000000�00000000646�13635035245�0022737�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="#353535"/> <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="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z"/> </g> </svg> ������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/close-inactive.svg������������������������������������������0000664�0000000�0000000�00000000646�13635035245�0023266�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="#2C2C2C"/> <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="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z"/> </g> </svg> ������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/close-prelight.svg������������������������������������������0000664�0000000�0000000�00000000633�13635035245�0023276�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.08"/> <path d="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z"/> </g> </svg> �����������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/close-pressed.svg�������������������������������������������0000664�0000000�0000000�00000000632�13635035245�0023124�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <path d="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z"/> </g> </svg> ������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/hide-active.svg���������������������������������������������0000664�0000000�0000000�00000000507�13635035245�0022537�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="#353535"/> <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-20200320/src/xfwm4/assets/hide-inactive.svg�������������������������������������������0000664�0000000�0000000�00000000507�13635035245�0023066�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="#2C2C2C"/> <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-20200320/src/xfwm4/assets/hide-prelight.svg�������������������������������������������0000664�0000000�0000000�00000000474�13635035245�0023105�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.08"/> <path d="m12 18h8v2h-8z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/hide-pressed.svg��������������������������������������������0000664�0000000�0000000�00000000473�13635035245�0022733�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <path d="m12 18h8v2h-8z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/maximize-active.svg�����������������������������������������0000664�0000000�0000000�00000000523�13635035245�0023447�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="#353535"/> <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-20200320/src/xfwm4/assets/maximize-inactive.svg���������������������������������������0000664�0000000�0000000�00000000523�13635035245�0023776�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="#2C2C2C"/> <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-20200320/src/xfwm4/assets/maximize-prelight.svg���������������������������������������0000664�0000000�0000000�00000000510�13635035245�0024006�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.08"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/maximize-pressed.svg����������������������������������������0000664�0000000�0000000�00000000507�13635035245�0023643�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/maximize-toggled-active.svg���������������������������������0000664�0000000�0000000�00000000523�13635035245�0025072�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="#353535"/> <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-20200320/src/xfwm4/assets/maximize-toggled-inactive.svg�������������������������������0000664�0000000�0000000�00000000523�13635035245�0025421�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="#2C2C2C"/> <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-20200320/src/xfwm4/assets/maximize-toggled-prelight.svg�������������������������������0000664�0000000�0000000�00000000510�13635035245�0025431�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.08"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/maximize-toggled-pressed.svg��������������������������������0000664�0000000�0000000�00000000507�13635035245�0025266�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/menu-active.svg���������������������������������������������0000664�0000000�0000000�00000000514�13635035245�0022570�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="#353535"/> <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-20200320/src/xfwm4/assets/menu-inactive.svg�������������������������������������������0000664�0000000�0000000�00000000514�13635035245�0023117�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="#2C2C2C"/> <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-20200320/src/xfwm4/assets/menu-prelight.svg�������������������������������������������0000664�0000000�0000000�00000000501�13635035245�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.08"/> <circle cx="16" cy="16" r="2"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/menu-pressed.svg��������������������������������������������0000664�0000000�0000000�00000000500�13635035245�0022755�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <circle cx="16" cy="16" r="2"/> </g> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/shade-active.svg��������������������������������������������0000664�0000000�0000000�00000000554�13635035245�0022714�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="#353535"/> <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-20200320/src/xfwm4/assets/shade-inactive.svg������������������������������������������0000664�0000000�0000000�00000000554�13635035245�0023243�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="#2C2C2C"/> <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-20200320/src/xfwm4/assets/shade-prelight.svg������������������������������������������0000664�0000000�0000000�00000000541�13635035245�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.08"/> <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-20200320/src/xfwm4/assets/shade-pressed.svg�������������������������������������������0000664�0000000�0000000�00000000540�13635035245�0023101�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <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-20200320/src/xfwm4/assets/shade-toggled-active.svg������������������������������������0000664�0000000�0000000�00000000554�13635035245�0024337�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="#353535"/> <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-20200320/src/xfwm4/assets/shade-toggled-inactive.svg����������������������������������0000664�0000000�0000000�00000000554�13635035245�0024666�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="#2C2C2C"/> <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-20200320/src/xfwm4/assets/shade-toggled-prelight.svg����������������������������������0000664�0000000�0000000�00000000541�13635035245�0024676�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.08"/> <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-20200320/src/xfwm4/assets/shade-toggled-pressed.svg�����������������������������������0000664�0000000�0000000�00000000540�13635035245�0024524�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <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-20200320/src/xfwm4/assets/stick-active.svg��������������������������������������������0000664�0000000�0000000�00000000675�13635035245�0022751�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="#353535"/> <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-20200320/src/xfwm4/assets/stick-inactive.svg������������������������������������������0000664�0000000�0000000�00000000675�13635035245�0023300�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="#2C2C2C"/> <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-20200320/src/xfwm4/assets/stick-prelight.svg������������������������������������������0000664�0000000�0000000�00000000662�13635035245�0023310�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.08"/> <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-20200320/src/xfwm4/assets/stick-pressed.svg�������������������������������������������0000664�0000000�0000000�00000000661�13635035245�0023136�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <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-20200320/src/xfwm4/assets/stick-toggled-active.svg������������������������������������0000664�0000000�0000000�00000000776�13635035245�0024376�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="#353535"/> <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-20200320/src/xfwm4/assets/stick-toggled-inactive.svg����������������������������������0000664�0000000�0000000�00000000776�13635035245�0024725�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="#2C2C2C"/> <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-20200320/src/xfwm4/assets/stick-toggled-prelight.svg����������������������������������0000664�0000000�0000000�00000000763�13635035245�0024735�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.08"/> <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-20200320/src/xfwm4/assets/stick-toggled-pressed.svg�����������������������������������0000664�0000000�0000000�00000000762�13635035245�0024563�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="#353535"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.2"/> <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-20200320/src/xfwm4/assets/themerc�����������������������������������������������������0000664�0000000�0000000�00000001062�13635035245�0021203�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-20200320/src/xfwm4/assets/title-active.svg��������������������������������������������0000664�0000000�0000000�00000000311�13635035245�0022740�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32"> <rect width="2" height="32" fill="#353535"/> <rect width="2" height="1" fill="#FFFFFF" fill-opacity="0.1"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/assets/title-inactive.svg������������������������������������������0000664�0000000�0000000�00000000311�13635035245�0023267�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32"> <rect width="2" height="32" fill="#2C2C2C"/> <rect width="2" height="1" fill="#FFFFFF" fill-opacity="0.1"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/bottom-active.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026372�2assets/border-active.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/bottom-inactive.svg������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027250�2assets/border-inactive.svg��������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/bottom-left-active.svg���������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027322�2assets/border-active.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/bottom-left-inactive.svg�������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030200�2assets/border-inactive.svg��������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/bottom-right-active.svg��������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027505�2assets/border-active.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/bottom-right-inactive.svg������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030363�2assets/border-inactive.svg��������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/close-active.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026023�2assets/close-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/close-inactive.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026701�2assets/close-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/close-prelight.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026731�2assets/close-prelight.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/close-pressed.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026407�2assets/close-pressed.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/hide-active.svg����������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0025433�2assets/hide-active.svg������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/hide-inactive.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026311�2assets/hide-inactive.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/hide-prelight.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026341�2assets/hide-prelight.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/hide-pressed.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026017�2assets/hide-pressed.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/left-active.svg����������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026020�2assets/border-active.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/left-inactive.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026676�2assets/border-inactive.svg��������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/maximize-active.svg������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027257�2assets/maximize-active.svg��������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/maximize-inactive.svg����������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030135�2assets/maximize-inactive.svg������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/maximize-prelight.svg����������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0030165�2assets/maximize-prelight.svg������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/maximize-pressed.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027643�2assets/maximize-pressed.svg�������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/maximize-toggled-active.svg����������������������������������������0000777�0000000�0000000�00000000000�13635035245�0032325�2assets/maximize-toggled-active.svg������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/maximize-toggled-inactive.svg��������������������������������������0000777�0000000�0000000�00000000000�13635035245�0033203�2assets/maximize-toggled-inactive.svg����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/maximize-toggled-prelight.svg��������������������������������������0000777�0000000�0000000�00000000000�13635035245�0033233�2assets/maximize-toggled-prelight.svg����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/maximize-toggled-pressed.svg���������������������������������������0000777�0000000�0000000�00000000000�13635035245�0032711�2assets/maximize-toggled-pressed.svg�����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/menu-active.svg����������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0025521�2assets/menu-active.svg������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/menu-inactive.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026377�2assets/menu-inactive.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/menu-prelight.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026427�2assets/menu-prelight.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/menu-pressed.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026105�2assets/menu-pressed.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/right-active.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026203�2assets/border-active.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/right-inactive.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027061�2assets/border-inactive.svg��������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/shade-active.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0025761�2assets/shade-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/shade-inactive.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026637�2assets/shade-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/shade-prelight.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026667�2assets/shade-prelight.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/shade-pressed.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026345�2assets/shade-pressed.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/shade-toggled-active.svg�������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031027�2assets/shade-toggled-active.svg���������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/shade-toggled-inactive.svg�����������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031705�2assets/shade-toggled-inactive.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/shade-toggled-prelight.svg�����������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031735�2assets/shade-toggled-prelight.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/shade-toggled-pressed.svg������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031413�2assets/shade-toggled-pressed.svg��������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/stick-active.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026043�2assets/stick-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/stick-inactive.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026721�2assets/stick-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/stick-prelight.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026751�2assets/stick-prelight.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/stick-pressed.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026427�2assets/stick-pressed.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/stick-toggled-active.svg�������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031111�2assets/stick-toggled-active.svg���������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/stick-toggled-inactive.svg�����������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031767�2assets/stick-toggled-inactive.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/stick-toggled-prelight.svg�����������������������������������������0000777�0000000�0000000�00000000000�13635035245�0032017�2assets/stick-toggled-prelight.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/stick-toggled-pressed.svg������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0031475�2assets/stick-toggled-pressed.svg��������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/themerc������������������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0022551�2assets/themerc��������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/title-1-active.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026211�2assets/title-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/title-1-inactive.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027067�2assets/title-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/title-2-active.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026212�2assets/title-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/title-2-inactive.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027070�2assets/title-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/title-3-active.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026213�2assets/title-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/title-3-inactive.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027071�2assets/title-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/title-4-active.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026214�2assets/title-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/title-4-inactive.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027072�2assets/title-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/title-5-active.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026215�2assets/title-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/title-5-inactive.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027073�2assets/title-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/top-left-active.svg������������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026464�2assets/title-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/top-left-inactive.svg����������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027342�2assets/title-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/top-right-active.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0026647�2assets/title-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/src/xfwm4/top-right-inactive.svg���������������������������������������������0000777�0000000�0000000�00000000000�13635035245�0027525�2assets/title-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20200320/test.sh����������������������������������������������������������������������0000775�0000000�0000000�00000012615�13635035245�0016017�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. set -ueo pipefail REPO_DIR="$(cd "$(dirname "$0")" && pwd)" SRC_DIR="$REPO_DIR/src" DEST_DIR="$HOME/.themes" THEME_NAME="Materia.dev" # shellcheck disable=SC2034 # will this be used later? COLOR_VARIANTS=('' '-dark' '-light') # shellcheck disable=SC2034 # will this be used later? SIZE_VARIANTS=('' '-compact') GTK_VERSIONS=('3.0') GS_VERSIONS=('3.26' '3.28' '3.30' '3.32' '3.34' '3.36') LATEST_GS_VERSION="${GS_VERSIONS[-1]}" if test -z "${GS_VERSION:-}"; then # Set a proper gnome-shell theme version if command -v gnome-shell >/dev/null; then CURRENT_GS_VERSION="$(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f -2)" for version in "${GS_VERSIONS[@]}"; do if (( "$(bc <<< "$CURRENT_GS_VERSION <= $version")" )); then GS_VERSION="$version" break else GS_VERSION="$LATEST_GS_VERSION" fi done else GS_VERSION="$LATEST_GS_VERSION" fi 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" # SC2115: Protect /. [[ -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/cinnamon" ln -s "$SRC_DIR/cinnamon/assets" "$THEME_DIR/cinnamon" ln -s "$SRC_DIR/cinnamon/thumbnail.png" "$THEME_DIR/cinnamon" ln -sT "$SRC_DIR/cinnamon/cinnamon$color$size.css" "$THEME_DIR/cinnamon/cinnamon.css" mkdir -p "$THEME_DIR/gnome-shell" ln -s "$SRC_DIR/gnome-shell/"{extensions,pad-osd.css,process-working.svg} "$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 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" done mkdir -p "$THEME_DIR/metacity-1" ln -s "$SRC_DIR/metacity-1/"{assets,metacity-theme-3.xml} "$THEME_DIR/metacity-1" ln -sT "$SRC_DIR/metacity-1/metacity-theme-2${ELSE_LIGHT:-}.xml" "$THEME_DIR/metacity-1/metacity-theme-2.xml" mkdir -p "$THEME_DIR/plank" ln -s "$SRC_DIR/plank/dock.theme" "$THEME_DIR/plank" 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) # SC2115: Protect /. 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 �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������